margin的传递问题以及解决方式

艾米吖

关注

阅读 34

2022-03-11

Margin传递问题:

页面上有一个父元素和子元素,当子元素不设置margin-top时,二者都会位于浏览器顶部显示;当子元素设置margin-top时,父元素会紧挨子元素,并且父元素会被子元素拽下来,这就是margin传递现象。

解决方法:

方式1:父容器加上边框

方式2:子元素设置浮动

方式3:父元素设置浮动

方式4:子元素设置绝对定位(子绝父相)

精彩评论(0)

0 0 举报