小心IE的滚动条

真・懒写于

一直被一个问题所困扰。

使用float布局的页面,在firefox好好的,在IE下初时看也是好好的。可是,可是,在某处点击一下,呱啦,右边的div滚下面去了。原因是,右边div设置为overflow: auto的,即,内容超出固定高度时出现了垂直滚动条。

就是这个垂直滚动条,IE跟Firefox处理方式的不一致导致了问题。Firefox的处理方式是,div的原有宽度不变化;IE的处理方式是,把div的宽度加宽,加宽部分刚好等于滚动条高度,从而超出CSS所设置的宽度,导致布局损毁。

没办法,只好麻烦我们的老好人!important了……