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;
}