float是css中常见的布局属性,为元素设置float之后,浮动元素会脱离标准文档流,同时会对相邻的元素产生影响。对相邻元素的影响会随着相邻元素是块级元素还是内联元素而有所不同。
浮动元素由于脱离标准文档流,相邻的块级元素会占据浮动元素的位置,但是相邻块级元素中的文字是不会被浮动元素遮盖的。
常见的文字环绕可以通过这种方式实现
代码见demo1.html
如果相邻元素是内联元素,内联元素并不会占据浮动元素的位置,而是乖乖的跟在后面。
代码见demo2.html
2017.10.02
Name | Name | Last commit date | ||
---|---|---|---|---|
parent directory.. | ||||
float是css中常见的布局属性,为元素设置float之后,浮动元素会脱离标准文档流,同时会对相邻的元素产生影响。对相邻元素的影响会随着相邻元素是块级元素还是内联元素而有所不同。
浮动元素由于脱离标准文档流,相邻的块级元素会占据浮动元素的位置,但是相邻块级元素中的文字是不会被浮动元素遮盖的。
常见的文字环绕可以通过这种方式实现
代码见demo1.html
如果相邻元素是内联元素,内联元素并不会占据浮动元素的位置,而是乖乖的跟在后面。
代码见demo2.html
2017.10.02