css 浮动 float

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
其他属性	不会改变