为何增加margin-bottom后效果没有区别
来源：3-6 编程练习
年薪百万有手就行
2020-11-15 14:39:57
# 具体遇到的问题
# 报错信息的截图
li{
width:200px;
height:50px;
background-color:yellow;
/*样式补充*/
margin-top:40px;
margin-left:40px;
margin-bottom:20px;
}
在增加bottom后为何间距仍为40px,而不是60px呢
写回答
1回答
-
同学，你好，同学的写法出现了margin叠加，第一个的margin-bottom和第二个的margin-top出现了重叠。
当两个或者更多的垂直外边距相遇时，它们将形成一个外边距，这个外边距的高度等于两个发生叠加的外边距中高度较大者。
margin-bottom和margin-top两个选一个使用即可。
0
相似问题