浮动的特性与清除

**

浮动的特性与清除

浮动（float）可以改变元素标签默认的排列方式，最典型的是可以让多个块级元素一行内排列显示。在css中，任何元素都可以浮动，在布局的时候是非常有用的。
浮动特性：​ 浮动元素会脱离标准流（脱标）。
​ 浮动元素会一行内显示并且元素顶部对齐。
​ 浮动的元素会具有行内块元素的特性。

清除浮动的方法：
为什么要清除浮动呢？float会破坏块级元素的流式性。也就是说，其父级元素高度小于浮动元素，整块的高度依旧是按照父级元素来的，浮动元素高度撑不起父级元素，所以清除浮动是十分必要的。
1.使用before和after双伪元素清除浮动

2.使用after伪元素清除浮动：
after方式为空元素的升级版，好处是不用单独加标签了。
他的优点是符合闭合浮动思想，结构语义化正确。
content属性是必须的，但其值可以为空，

3.父级添加overflow方法：可以通过触发BFC的方式，实现清楚浮动效果。
优点：代码简洁
缺点：内容增多时候容易造成不会自动换行导致内容被隐藏掉，无法显示需要溢出的元素。overflow:hidden来实现。

4.使用空标签清除浮动
在代码中在放一个空的div标签，然后给这个标签设置clear:both来清除浮动对页面的影响。它的优点是简单，方便兼容性好，但是一般情况下不建议使用该方法，因为会造成结构混乱，不利于后期维护。

以上就是关于浮动的特性及清除方法。吸取建议，正确修改。