有没有办法完全禁用边缘折叠?我发现的唯一解决方案(名称为"uncollapsing")需要使用1px边框或1px填充.我发现这是不可接受的:无关的像素使计算变得复杂,没有充分的理由.是否有更合理的方法来禁用此边距折叠?
在下面的代码,不应该之间的裕度.box1和.box2被20像素作为.box1具有10px的底部边缘和.box2具有10px的上边距.
<div class="box">
<div class="box1"></div>
<div class="box2"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
.box1{
margin-bottom: 10px;
}
.box2{
margin-top: 10px;
}
Run Code Online (Sandbox Code Playgroud)
我有以下html:
<style>
body {
margin: 0;
height: 100vh;
}
div {
margin: 1px;
}
</style>
<body>
<div>feck</div>
</body>
Run Code Online (Sandbox Code Playgroud)
div的边距会导致滚动条,甚至div本身也不会接近页面的高度.没有div的边距,没有滚动条.这是怎么回事?这是一个浏览器错误吗?