css清除浮动

元素的清除浮动

为什么要清除浮动?

方法一:
开启BFC的代码 常在父级书写: overflow: hidden等

overflow: hidden;

方法二
在所有浮动子元素的最下面书写一个块级空标签 添加clear: both;

方法三
在所有浮动子元素的最下面书写一个
标签 添加clear: all;

<br clear = "all">

方法四
给父级设置高度 (基本不用)

方法五

1. 给父级一个after伪元素 代替直接在所有浮动子元素下面书写空标签的方法

2. 一般可以直接命名一个清除浮动的类名 将来可以直接给需要清除浮动的父级元素添加这个类名

   下面是这个类名为clearFix伪元素的样式:
   
   方法六(由于低版本的IE不支持BFC 所以这里相当于给低版本IE开启haslayout(相当于现代浏览器的BFC))