当设置ul的margin-top为40px时，网页显示如图：
当设置li里面的margin-top为40px时，网页显示如图：
想请问一下，当只设置li里面margin-top时，为何ul（粉色部分）也会跟着变化呢 为什么不是只是黄色部分距离网页上部边框发生变化 而粉色部分距离上部边框的距离不变呢？
登陆购买课程后可参与讨论，去登陆吧
同学，你好！margin-top设置外边距，为li标签设置margin-top属性，一共有3个li标签，即有3个黄色部分，每个黄色部分上部都会有40px的宽度
同学说的粉色部分距离上部边框的距离不变，是内边距padding-top实现的效果，可结合下图理解一下
祝：学习愉快！
但是为什么粉色部分也会有外边距呢 明明我只设置了黄色部分的外边距
同学，你好！粉色部分的外边距是由于margin重叠了，当li设置了margin-top值，ul会与li共用这个外边距。
当一个盒子如果没有上边距(padding-top)和上边框(border-top)时，那么就会出现边距重叠的现象。
祝学习愉快！
你好！我之前看教程 margin重叠的例子 是两个块状都设置了margin 但是这里为什么ul和li会共用外边距呢 是因为li是ul的子元素吗 可是之前我有实验过就是margin-left的时候好像并不会共用
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
登录后可查看更多问答，登录/注册
Facebook曾声称“只招全栈工程师”！全栈用人需求猛增，市面人才紧缺。 0基础进击Python全栈开发，诱人薪资在前方！
24 1
22 1
28 1
28 2
18 1
在线咨询
领取优惠
免费试听
领取大纲
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星