一聚教程网:一个值得你收藏的教程网站

热门教程

清除DIV浮动-使用:after

时间:2022-07-02 13:09:52 编辑:袖梨 来源:一聚教程网

特点:不需要另外加个清除DIV.
:after(伪对象)--设置在对象后发生的内容,通常和content配合使用,IE不支持此伪对象,非Ie 浏览器支持,所以并不影响到IE/WIN浏览器。
CSS.wrapfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
设display:block;应用到:after 元素,因为display的默认值是"inline", 不能收到clear的特性,同时将清除容器的高度设为零,height:0;,可见度为隐藏.这是没有清除过浮动的.非Ie 浏览器看不到wrap的背景和边框.
运行代码框
//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">




清除浮动--使用:after--Clearing





清除浮动--使用:after


这是没有清除过浮动的.非Ie
浏览器看不到wrap的背景和边框.

特点:不需要另外加个清除DIV.


:after(伪对象)--设置在对象后发生的内容,通常和content配合使用,IE不支持此伪对象,非Ie

第 1 2 3 页