css+div浮动与清除浮动

css+div浮动与清除浮动

css中基本定位机制:浮动

浮动框可以左移动或者右移动,直到它的边缘碰到包含框或另一个浮动框的边缘为止。

任何元素都能浮动。

浮动:float

left 图像或文本浮动在父元素的左边

right 图像或文本浮动在父元素的右边

none 图像或文本浮动显示在父元素中出现的位置。

左浮动:float:left

右浮动:float:right

清除浮动一:加高度height

清除浮动二:在HTML中添加

在css中添加 .clear{ clear:both;}

清除浮动三:在HTML中添加

在css中添加 .clearfix:after{ content:'.'; display:block; height:0 px; clear:both; visibility:hidden;}

.clearfix{*zoom:1;}