设置 display:block; 之后，div的margin为10px，
那么相邻div之间的距离不是应该为10px 吗？
为什么这个图里看着，相邻的距离为20px？
之前视频里说两个元素相邻的距离为较大的那个margin值。
.div1{
margin-bottom:10px;
}
.div2{
margin-top:20px;
}
div12 之间的距离为20px4
收起
正在回答
2回答
你好同学 ， 同学描述的情况属于margin重叠 ，当两个块级元素设置了margin之后 ，垂直方向的间距会重叠 ，但是视频中给元素设置成了 display: inline-block;，行内块元素就不会有这个特点了。可以自己测试一下：
转换为行内快元素：
祝学习愉快 ，望采纳。
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星