负margin对元素高度的影响

情况一

margin-bottom为负值不会产生位移，会减少自身的供css读取的高度

<div class="container">

              <div class="box1">
         I dont have the height

            </div>      

</div>

.container{
        margin:100px auto;
        width: 500px;
        border: 1px #ccc solid;
        margin-bottom: 20px;
        background-color: red;
}
.box1{
    margin-bottom: -10px;

   
}

效果：

.box1{

    margin-top: -10px;

   
}

效果：