css：float冷知识

1.

我们都知道对一个元素float以后会block化，就是把原来元素的display属性隐式地变为了block，但是有三个例外：

原来值为inline-table的元素，会变为table。

flex和inline-flex的元素display属性不变，但是float也不会对它们起作用。

2.

在js中修改float属性要用element.style.cssFloat属性，在ie8和之前的ie要用styleFloat属性，因为float是保留字。

3.

除了用clear来清除浮动，还有一种常用的方法就是把父元素的overflow设置为hidden。

这里除了把父元素overflow属性设置为hidden以外，也可以设置为auto或者scroll，同样可以达到“清除浮动”的效果。

注：内容来自MDN。