css别忘记清除浮动clear:both
2008-03-30 00:00
639 查看
用空标签清除
.clr {clear: both;}
<div id="layout">
<div id="left">Left</div>
<div id="right">Right</div>
<p class="clr"></p>
</div>
使用 overflow 属性
#layout {overflow:auto; zoom:1;}
<div id="layout">
<div id="left">Left</div>
<div id="right">Right</div>
</div>
使用 :after (非 IE 浏览器)
#layout:after{
display: block;
clear: both; content: "";
visibility:hidden; height: 0;
}
<div id="layout">
<div id="left">Left</div>
<div id="right">Right</div>
</div>注:使用 :after 需要注意几点,设置高度为零(height: 0;);content 是必须的,但其值可以为空
.clr {clear: both;}
<div id="layout">
<div id="left">Left</div>
<div id="right">Right</div>
<p class="clr"></p>
</div>
使用 overflow 属性
#layout {overflow:auto; zoom:1;}
<div id="layout">
<div id="left">Left</div>
<div id="right">Right</div>
</div>
使用 :after (非 IE 浏览器)
#layout:after{
display: block;
clear: both; content: "";
visibility:hidden; height: 0;
}
<div id="layout">
<div id="left">Left</div>
<div id="right">Right</div>
</div>注:使用 :after 需要注意几点,设置高度为零(height: 0;);content 是必须的,但其值可以为空
相关文章推荐
- css别忘记清除浮动clear:both
- CSS clear both清除浮动
- css基础 clear属性:both 使用div块清除左右浮动的简单示例
- 清除浮动clear-left-right-both-none效果
- css基础 clear属性:both 使用div块清除左右浮动的简单示例
- CSS清除浮动_清除float浮——详解overflow:hidden 与clear:both属性
- CSS清除浮动常用方法小结 CSS clear both {overflow:auto;zoom:1;}
- 小记8.24(二)——关于清除浮动clear:both
- 清除浮动clear:both的应用详解
- CSS清除浮动常用方法小结 CSS clear both {overflow:auto;zoom:1;}
- CSS之清除浮动clear
- 清除浮动clear-left-right-both-none效果
- 2016/2/24 1,css有几种引入方式 2,div除了可以声明id来控制,还可以声明什么控制? 3,如何让2个div,并排显示。4,清除浮动 clear:left / right / both
- 清除浮动clear:both的应用详解
- css基础 使用div块清除无序列表ul,li中的左右浮动的简单示例 clear:both
- DIV+CSS clear both清除产生浮动
- CSS清除浮动常用方法小结 CSS clear both {overflow:auto;zoom:1;}
- css基础 使用div块清除无序列表ul,li中的左右浮动的简单示例 clear:both
- CSS 浮动(float:left),清除浮动(clear:both)
- 巧妙运用清除浮动clear:both