介绍
本篇文章为大家展示了怎么在CSS中使用溢出属性清除浮动,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
溢清除浮动以下面的XHTML代码为例:
- <李>
,=,,
李> <李>,=,,
李> <李>,=,,
李> <李>,,
李>
我以前用的方法是(CSS代码):
- <李>
尼珥{,,
李> <李>:;,,
李> <李>:;,,
李> <李>:;,,
李> <李>},,
李> <李>{,,
李> <李>: 70%;,,
李> <李>:;,,
李> <李>:;,,
李> <李>:;,,
李> <李>},,
李> <李>{,,
李> <李>: 28%;,,
李> <李>:;,,
李> <李>::,,
李> <李>:;,,
李> <李>},,
李>这种方法有效的清除了浮动,但IE6里没有效果,所以为了兼容IE6,需要为父元素设了一个宽度,并且是一个合适的宽度。
再一种方法是把溢出:隐藏换成溢出:汽车,但IE6仍然没有效果,为了兼容IE6,还是要做“手脚”,可以为父元素加上高度:1%或缩放:1,有人说高度:1%应该写成_height: 1%,但我并没有发现不加_符号有什么影响。而放大:1则不能通过W3C验证。
总结一下:清除浮动可以用溢出:隐藏的或溢出:汽车,在比较标准的浏览器里没有问题,但IE6没有效果,为了兼容IE6,可以为父元素:
1,设置一个合适的宽度,但“合适的宽度”有的时候不好掌握;
2,加上高度:1%,什么都不用管,加上就有效,我还没有发现缺点;
3,加上缩放:1,不能通过W3C验证。
上述内容就是怎么在CSS中使用溢出属性清除浮动,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。