css float
使用方式
float:left;
可设置的值为：left | right | none
默认为none，开启浮动
元素开启浮动之后的特点
- 元素会向左或向右移动，直到碰到离他最近的盒子容器或者其他开启浮动的元素的边界
- 文本或者行内元素会环绕在浮动元素周围
- 浮动元素如果未设置高度，它的高度会被高度最大的浮动的子元素的内容撑开
- 元素的display属性的部分值会被改变
| 浮动前 | 浮动后 |
|---|---|
inline |
block |
inline-block |
block |
inline-table |
table |
table-row |
block |
table-row-group |
block |
table-column |
block |
table-column-group |
block |
table-cell |
block |
table-caption |
block |
table-header-group |
block |
table-footer-group |
block |
inline-flex |
flex |
inline-grid |
grid |
| 其他属性 | 不会改变 |