margin重叠了
<body>
<div id="box">
<button class="btn">按钮一</button>
<button class="btn">按钮二</button>
</div>
</body>
<style>
button{
display: block;
margin: 10px 0px;
}
</style>
按钮一的margin-bottom和按钮二的margin-top重叠
尝试开启BFC，例如给box使用overflow:hidden
margin不会重叠
分享
不是给box添加overflow，是要给按钮二添加overflow:hidden容器触发BFC。改下面
<style>
button{
display: block;
margin: 10px 0px;
}
</style><body>
<div id="box">
<button class="btn">按钮一</button>
<div style="overflow:hidden">
<button class="btn">按钮二</button>
</div>
</div>
</body>
分享
系统已结题
4月1日
已采纳回答
3月24日
修改了问题
2月20日
创建了问题
2月20日
