日期:2014-05-16  浏览次数:20647 次

[CSS] 学习笔记float
float 属性定义元素在哪个方向浮动。
?
?
float主要的用途:
1?图片周围包围文字 (类似于word编辑中得图片浮动效果,除了图片本身占据的位置用来显示,其他位置都被其他元素占据了)
2 浮动可用于创建全部网页布局,例如sidebar?
?
?
?
float造成的效果:
1 自身向左(右)浮动
2 因为自身的浮动,导致下面一行的元素跳到上面一行。
3 要消除对下面一行的影响,要使用 div?{ clear: both; }?
?
?
代码示例:?side bar and float
https://tutsplus.com/lesson/floats-and-a-simple-layout/
?
参考链接:
CSS浮动属性Float详解 ? ?http://www.mymickey.org/?p=391