定位与浮动
一 定位
二 浮动
浮动可以理解为让某个div元素脱离标准流,漂浮在标准流之上,和标准流不是一个层次。
设置浮动后会不占正常流的空间,但前面设置的浮动元素可以被后面面的浮动元素卡住。
浮动的应用(重点)
1. 多个块级元素按一定顺序排列到一行
可以让某个div元素脱离标准流,漂浮在标准流之上,和标准流不是一个层次。这样如果空间够,多个块级元素div也不再一直独占一行,而是会相互浮动排队到同一行。
清除浮动
清除浮动的属性是clear,定义如下:
语法:
clear : none | left | right | both
取值:
none : 默认值。允许两边都可以有浮动对象
left : 清除左边浮动
right : 清除右浮动
both : 两边都清除浮动
注意:对于CSS的清除浮动(clear),这个规则只能影响使用清除的元素本身,不能影响其他元素。
参考
已学习
经验分享:CSS浮动(float,clear)通俗讲解 http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html