margin的塌陷现象

150 阅读1分钟

互相嵌套的块元素,子元素的margin-top会作用在父元素上,导致父元素一起向下移动,解决方法有以下4个:
(1)给父元素设置border-top或者padding-top(分隔父子元素的margin-top);
(2)给父元素设置overflow:hidden;
(3)使用display属性将子元素转换成行内块元素;
(4)给子元素设置浮动。

ps:复习课随便写写。