清除浮动

                                                        清除浮动是指浮动元素给父元素带来的高度塌陷问题的处理方法。

可以利用clear:both来清除相应块状元素两侧的浮动元素。

可以利用父元素成为BFC来消除浮动影响,可以使用overflow: hidden/auto/stroll; display: inline-block; float: 方位;等来实现将父元素变成BFC

这是没有给子元素加浮动的样子(没有给父元素高度所以默认由子集撑起来)

 这是给黄颜色和粉颜色加了左浮动以后不占取位置排在一起。父元素由于没有给高度所以现在是0高度看不见

 

 这是给父元素添加了

overflow: hidden;
display: inline-block;

之后他成为了bfc所以消除了浮动带来的影响

 

 

                                                              逆战班

 

posted @ 2020-03-30 23:59  张志楠  阅读(94)  评论(0)    收藏  举报