该BUG的描述是：
当两个div是兄弟关系时，如果给上一个div设置了下外边距，又给下一个div设置了上外边距，按照正常逻辑，此时两个div之间的距离应该是上面div的下外边距+下面div的上外边距，然而，实际情况是：这两个外边距谁大，那么它们之间的距离就是谁。
如果不能理解以上描述，我们就看代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>解决两个兄弟div下外边距和上外边距冲突的BUG</title>
</head>
<style>
.xiong{
width:300px;
height:100px;
background:#f00;
margin-bottom:100px;
}
.di{
width:200px;
height:200px;
background:#0f0;
margin-top:250px;
}
</style>
<body>
<div class="xiong"></div>
<div class="di"></div>
</body>
</html>
所以如何解决呢？
给上面的div设置下边距或给下面的div设置上边距，不要同时设置这两个边距。
|
窥视卡
雷达卡
发表于 2023-2-1 11:49:27
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2023-2-18 00:17:34
