代碼
html:
<div class="box">
<p>hello world</p>
<p>hello world</p>
<p>hello world</p>
</div>
css:
* {
margin: 0;
padding: 0;
}
.box p {
margin-top: 20px;
margin-bottom: 20px;
background: skyblue;
}
重疊效果:
解決方法
修改html為:
<div class="box">
<p>hello world</p>
<div style="overflow:hidden">
<p>hello world</p>
</div>
<p>hello world</p>
</div>
修正效果: