css浮动
- css浮动的用途
最早的float(浮动)是用来做文字环绕和让上下堆叠的块级元素横向排列。现代的浮动用来做横向的列表,页面布局等。
当父元素类的元素都浮动了的话,可能会导致父元素”塌陷“(比如父元素为没有宽高的div)。但很多时候我们需要父元素完全包裹住浮动的元素(听说设置父元素大小很low,因为可能父元素中的元素总体大小未知),清除浮动的几个方法如下:-
在父元素内末尾插入块级元素添加clear:both/right/left:
插入的块级元素clear设置后会让margin-top/bottom失效,可以用::after来代替插入的元素,不过设置为块级(注:ie9以下好像不支持伪元素)。 -
设置父元素css属性overflow:hidden:
好像说这个属性会包裹住内部的所有元素,不受浮动啥的影响。 -
对父元素也设置浮动
</div>
-