欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

有关清除浮动的有关问题,求解释~

更新时间: 2014-01-05 00:52:47 责任编辑: Author_N1

 

有关清除浮动的问题,求解释~~
.clear{clear:both;}



.clear{ clear:both;}
.clear:after{
clear: both;
    content: "";
    display: block;
}

第一个我知道什么意思但后面那个是啥意思啊,我发现将后面那个应用去清除ul中li的浮动的时候效果好明显。
看下面我的CSS代码

.bookrack_content_ul { width: 100%; background:url(../images/indexPage/ul_bg.png) repeat;}

.bookrack_content_li { float: left; margin-top:36px; margin-left:37px; margin-bottom:11px;}

效果:
如果不清除浮动那给UL添加的背景只会出现一排,li的内容长度超过100%的时候就会换行嘛,那下面那行就木有背景。清除后,浏览器怎么缩放,每个li都是有背景的。
--参考方法--
如果不清除浮动,ul不能够完全“包裹住”浮动的子元素li。浮动的li会脱离文档流,而不被ui包裹。
如果ul使用了清除浮动,则ul,可以将浮动的子元素li“包裹住”,所以换行后li还会有背景。
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 00:52:47
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/906/
本文WWW.DOC100.NET DOC100.NET版权所有。