css的浮动带来的影响以及解决方法

一、浮动元素对兄弟元素影响的解决方法

1.对兄弟元素也设置浮动  例：float：left/right

2.对兄弟元素清除浮动所带来的的影响：clear:both

3.触发BFC特性（块级格式化上下文,可以将BFC理解为一种属性，拥有了这个属性就可以看成一个独立的渲染区，外面的元素就不会对这个区域产生影响）overflow:hidden

二、子元素浮动对父元素的影响(塌陷问题)

1.给父元素设置清除浮动带来的影响:clear:both

2.利用伪元素清除浮动

.clear2::after{

content:"";

display:block

clear:both;

    }

3.触发父元素的BFC特性：overflow:hidden