Float属性
作用让元素向左向右浮动
Float:none
即对象不浮动
Float:left
即对象向左移动,如:
同样的有浮动也是一样,这里需要说明的是当元素设置浮动之后,浮动元素就会脱离文档流,于是对于浮动元素在文档中空出来的位置,后面未设置浮动的块级元素会填充其位置,如:
若后面是未设置浮动的内联元素,内连元素不会占用浮动元素在文档流中空出来的位置,如:
这就解释了文字环绕的效果。
Clear
清除浮动,如:
Float属性
作用让元素向左向右浮动
Float:none
即对象不浮动
Float:left
即对象向左移动,如:
同样的有浮动也是一样,这里需要说明的是当元素设置浮动之后,浮动元素就会脱离文档流,于是对于浮动元素在文档中空出来的位置,后面未设置浮动的块级元素会填充其位置,如:
若后面是未设置浮动的内联元素,内连元素不会占用浮动元素在文档流中空出来的位置,如:
这就解释了文字环绕的效果。
Clear
清除浮动,如: