CSS中float属性是用于设置元素的浮动方向的,有以下几种取值:
float: left; /* 元素向左浮动 */
float: right; /* 元素向右浮动 */
float: none; /* 元素不浮动,恢复默认值 */
float: inherit; /* 继承父元素的float值 */ 其中,使用float: left可以让元素向左浮动,如果有多个元素都设置了该属性,它们会从上到下依次浮动并在同一行。如果空间不足,则下一个元素会换行。
使用float: right可以让元素向右浮动,与float: left相反。同样,多个元素浮动时也是从上到下依次浮动,并在同一行。
使用float: none可以让元素取消浮动,恢复默认的排列方式,即“正常流”。
使用float: inherit可以让当前元素继承父元素的浮动方向。如果父元素没有设置浮动属性,那么该值等同于none。
float属性常和clear属性一起使用来消除浮动带来的影响。