多语言展示
当前在线:458今日阅读:103今日分享:49

css+div浮动与清除浮动

css中基本定位机制:浮动浮动框可以左移动或者右移动,直到它的边缘碰到包含框或另一个浮动框的边缘为止。任何元素都能浮动。
工具/原料

电脑,DW软件

方法/步骤
1

浮动:floatleft 图像或文本浮动在父元素的左边right 图像或文本浮动在父元素的右边none 图像或文本浮动显示在父元素中出现的位置。

2

左浮动:float:left

3

右浮动:float:right

4

清除浮动一:加高度height

5

清除浮动二:在HTML中添加

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

6

清除浮动三:在HTML中添加

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

注意事项

使用浮动,一定要清除浮动

推荐信息