CSS中的float属性可以设置元素的浮动方式,它的作用是使元素能够从文档的普通流中浮动出来,从而形成一个环境,使其他元素围绕它来布局。浮动的元素可以在其他元素的左边或右边浮动,也可以在其他元素的上面或下面浮动。
使用方法
使用float属性来设置元素的浮动方式非常简单,只需在元素的style属性中添加float属性即可,float属性的取值有left,right,none,inherit等。
元素1元素2
上面的代码中,第一个div元素的float属性设置为left,表示元素1将从文档的普通流中浮动出来,并且在元素2的左边浮动;第二个div元素的float属性设置为right,表示元素2将从文档的普通流中浮动出来,并且在元素1的右边浮动。
注意事项
- float属性只对块级元素有效,对内联元素无效;
- 浮动元素会脱离文档的普通流,浮动元素后面的元素会被推到浮动元素的下面;
- 如果需要清除浮动,可以使用clear属性,clear属性的取值有left,right,both,none等。