css别忘记清除浮动clear:both
程序员文章站
2022-04-20 11:40:24
...
用空标签清除
.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>
.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相关文章请关注PHP中文网!
推荐阅读
-
DIV+CSS 清除浮动方法总结_html/css_WEB-ITnose
-
css通用小笔记02??浮动、清除(三个例子)_html/css_WEB-ITnose
-
css实现左(右)侧固定宽度,右(左)侧宽度自适应 ---清除浮动
-
为什么说overflow: hidden;能清除浮动呢_html/css_WEB-ITnose
-
清除浮动4-插入多余的div_html/css_WEB-ITnose
-
CSS浮动(float,clear)通俗讲解_html/css_WEB-ITnose
-
总结css清除浮动的几种方法及兼容性处理方法
-
CSS3 清除浮动的方法示例
-
liststyletype小图标怎么设置(clear清除浮动代码)
-
CSS3 清除浮动的方法示例