html dom style css float属性设置元素的浮动方式

分类:知识百科 日期: 点击:0

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等。
标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。