Skip to content

Files

Latest commit

 

History

History
 
 

float

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 

float

float是css中常见的布局属性,为元素设置float之后,浮动元素会脱离标准文档流,同时会对相邻的元素产生影响。对相邻元素的影响会随着相邻元素是块级元素还是内联元素而有所不同。

相邻元素为块级元素

浮动元素由于脱离标准文档流,相邻的块级元素会占据浮动元素的位置,但是相邻块级元素中的文字是不会被浮动元素遮盖的。

常见的文字环绕可以通过这种方式实现

代码见demo1.html

相邻元素为内联元素

如果相邻元素是内联元素,内联元素并不会占据浮动元素的位置,而是乖乖的跟在后面。

代码见demo2.html

参考文献

元素设置float属性后,其后面的元素的位置问题

2017.10.02