本文深入探讨了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
扫一扫
3707
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
