浮动与清除浮动
1、浮动
属性 | 说明 |
---|---|
float | 定义元素在哪个方向浮动 |
属性值 | 说明 |
---|---|
none | 不浮动,显示在文档中的位置,默认值 |
left | 左浮动,显示在父容器的左侧 |
right | 右浮动,显示在父容器的右侧 |
例: float: left;//向左浮动 float: right;//向右浮动 float: none;//不浮动
2)清除浮动:clear
属性 | 说明 |
---|---|
clear | 清除浮动的效果 |
属性值 | 描述 |
---|---|
left | 在左侧不允许浮动元素。 |
right | 在右侧不允许浮动元素。 |
both | 在左右两侧均不允许浮动元素。 |
none | 默认值。允许浮动元素出现在两侧。 |
例 p{ clear: both; }