css+div浮动与清除浮动

作者:暴躁小n | 创建时间: 2023-03-17
css中基本定位机制:浮动 浮动框可以左移动或者右移动,直到它的边缘碰到包含框或另一个浮动框的边缘为止。 任何元素都能浮动。...
css+div浮动与清除浮动

操作方法

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

左浮动:float:left

右浮动:float:right

清除浮动一:加高度height

清除浮动二:在HTML中添加<div class="clear"></div> 在css中添加  .clear{ clear:both;}

清除浮动三:在HTML中添加<div class="clear"></div> 在css中添加  .clearfix:after{ content:'.'; display:block; height:0                                                            px; clear:both; visibility:hidden;} .clearfix{*zoom:1;}

温馨提示

使用浮动,一定要清除浮动
点击展开全文

更多推荐