定位与浮动

一 定位

二 浮动

浮动可以理解为让某个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

待学习

results matching ""

    No results matching ""