CSS教程:伪清除浮动
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-03-02
一个多月前总结了《清理浮动的全家》,当时看了之后没什么新鲜的东西也就忽略了,今天偶然又翻到那篇文章,想到了另外一个的方法(N久前在书店翻到的),在网上没看到有人提起过,写出来大家一起讨论下。 HTML:
CSS:
Firefox下效果: 可见,ul的黄色背景并没有显示出来。 重点来了: 在CSS理加上如下代码
效果如下: 缺点: 浮动算是清除成功了,但是宽度没有像display:block那样撑开,需要指定一个宽度:
总结: 浮动带来的一个问题就是清除浮动,虽然有很多方法来解决,但最根本的解决方法还是不要滥用浮动,比如有些情况下完全可以用
或
来实现。 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
上一篇: 制作网页常用的50种CSS工具下一篇: CSS教程:CSS选择器性能
关于CSS教程:伪清除浮动的所有评论