css+div浮动与清除浮动
css中基本定位机制:浮动
浮动框可以左移动或者右移动,直到它的边缘碰到包含框或另一个浮动框的边缘为止。
任何元素都能浮动。
操作方法
- 01
浮动:float left 图像或文本浮动在父元素的左边 right 图像或文本浮动在父元素的右边 none 图像或文本浮动显示在父元素中出现的位置。
- 02
左浮动:float:left
- 03
右浮动:float:right
- 04
清除浮动一:加高度height
- 05
清除浮动二:在HTML中添加<div class="clear"></div> 在css中添加 .clear{ clear:both;}
- 06
清除浮动三:在HTML中添加<div class="clear"></div> 在css中添加 .clearfix:after{ content:'.'; display:block; height:0 px; clear:both; visibility:hidden;} .clearfix{*zoom:1;}
赞 (0)