设置元素是否浮动。
float
最早被设计为用来进行图文混排的,即使文本环绕图片的排版方式。目前往往应用于不同类型的布局(类似表格的横向布局,多列布局等)。
图片来自 张鑫旭
浮动的元素会脱离正常的文档流,宽度尽量收窄,并向左或向右移动,直到碰到父元素左右边缘或者其他浮动元素的边缘停止。
浮动的元素不在占据父元素的空间,所以父元素高度的计算不会包含已经浮动的元素。当浮动的元素高度超出父元素时,会溢出父元素(父元素塌陷),可以使用多种方式来闭合浮动或清除浮动。
属性值:
- none 不浮动(默认)
- left 向左浮动
- right 向右浮动
设置清除是否浮动。
属性值:
- none 不清除浮动(默认)
- left 清除左侧浮动
- right 清除右侧浮动
- both 清除两侧的浮动