边距塌陷的解决方法-触发BFC
给父元素添加overflow:hidden;
BFC(块级格式化上下文)
a.BFC有隔离作用,内部元素不会受到外部元素的影响。
b.一个元素只能存在于一个BFC中,如果同时存在两个BFC中,违背隔离规则。
c.BFC中元素按照正常流排序,元素之间空隙由margin控制。
d.BFC中的内容不会与外部浮动元素重叠(隔离效果)。
f.在计算其高度的时候,需要包括其中的浮动子元素的高度。
触发BFC的几种方式:
float属性不为none
position为absolute或fixed
overflow不为visible
display属性-inline-block、table-cell(相当于th和td)、table-caption(相当于caption)或伸缩盒子(flex和inline-flex)元素。
网友评论