Edit in JSFiddle


              
            
          
            
              
                
<div class="box">
    <div class="box">我是一个段落,在我以及我的父元素上同时添加了上下的外边距</div>
</div>

<div class="box">
    <div class="box">我是一个段落,在我以及我的父元素上同时添加了上下的外边距</div>
</div>

<div class="box bfc">
    <div class="box">我是一个段落,在我以及我的父元素上同时添加了上下的外边距</div>
</div>
.box{
    margin: 20px 0; 
    background-color:gold; 
}
.bfc{
    overflow:hidden;
    *zoom:1;
}