css display总结

参考: https://www.runoob.com/css/css-float.html

1. 什么是Float?

CSS的Float, 会使元素向左或向右移动, 其周围的元素也会重新排列, 往往是用于图像, 但它在布局时一样非常有用

2. 元素怎样浮动?

元素的水平方向浮动, 意味着元素只能左右移动而不能上下移动
一个浮动元素会尽量向左或向右移动, 直到它的外边缘碰到包含框或另一个浮动框的边框为止
浮动元素之后的元素将围绕它
浮动元素之前的元素将不会受到影响

3. 彼此相邻的浮动元素

如果把几个浮动的元素放到一起, 如果有空间的话, 它们将彼此相邻

4. 清除浮动

元素浮动之后, 周围的元素会重新排列, 为了避免这种情况, 使用 clear 属性
clear属性指定元素两侧不能出现浮动元素