真・懒

订阅 Twitter GitHub 联系

小心 IE 的滚动条

一直被一个问题所困扰。

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

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

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