css Float总结

参考: https://www.runoob.com/css/css-float.html 1. 什么是Float? CSS的Float, 会使元素向左或向右移动, 其周围的元素也会重新排列, 往往是用于图像, 但它在布局时一样非常有用 2. 元素怎样浮动? 元素的水平方向浮动, 意味着元素只能左右移动而不能上下移动 一个浮动元素会尽量向左或向右移动, 直到它的外边缘碰到包含框或另一个浮动框的边框为止 浮动元素之后的元素将围绕它 浮动元素之前的元素将不会受到影响 3. 彼此相邻的浮动元素 如果把几个浮动的元素放到一起, 如果有空间的话, 它们将彼此相邻 4. 清除浮动 元素浮动之后, 周围的元素会重新排列, 为了避免这种情况, 使用 clear 属性 clear属性指定元素两侧不能出现浮动元素