songmumu博客

BFC的概念：块级格式化上下文BFC的原理：垂直方向的外边距会发生重叠；BFC的区域不会与浮动元素的区域重叠（常用来清除浮动）；BFC在页面上是一个独立的容器，外面的元素不会影响里面的元素，里面的元素也不会影响外面的元素；计算BFC高度时，浮动元素也会参与计算如何创建BFC：float值不为none；position的值不为static和relative；display的值为inline-bloc...

使用css清除浮动方法1： 创建BFC(块级格式化上下文)，因为BFC的特性就是BFC区域不会与浮动元素区域重叠，计算BFC区域高度时浮动区域也会参与计算。 overflow: hidden / auto; 方法2： 在存放浮动元素的容器里追加一个看空的块级元素，为这个块级元素添加清除浮动。 .clearfix::after { display: block; content: ''; c...