订阅RSS
归档按钮
十二 03

overflow和float-left-right

CSSoverflow

在做div+css主题时我们经常会考虑到两栏,左右栏,当然实现的方法有很多,但我喜欢float-left-right解决。这样能两侧都能靠边,也无需输入确切的大小(px),使用%就可以。但float-left-right之后会有些兼容问题产生。

所以本文想你介绍如何兼容:

未加入overflow溢出隐藏 ,使用float:left和float:right之后导致div失控

加入overflow溢出隐藏后,使class=”a”在float:left和float:right之后依然能控制子div,但不能兼容IE6

加入overflow溢出隐藏后,由于overflow在IE6下必须要高度才能有效,所以加入height:100%使其兼容

粗糙的讲了一下overflow:hidden   height:100%

演示地址:http://code.hi1980.com/css/css-overflow.html

10 条评论 在 “overflow和float-left-right”

发表评论

Gravatar