当position:relative遇到overflow:auto

分类:未分类

IE7/6bug:

    在non-quirks 模式下设置position:relative;的元素A当被一带有overflow:auto/scroll属性的块级元素包含时,表现出postion:fixed的特性:
滚动包含块的滚动条,A
元素固定不动;当包含块不足以包含A时,A会
超出包含块外。

预览效果

测试页面

解决方法:很简单,为包含块添加属性,position:relative,解决页面.

这种方法似乎很完美,因为不会产生什么附加效果,不过当包含块不希望设置这一属性时就麻烦了,比如在IE6中模拟position:fixed时。

发表于:2008/11/22 07:57 | 37 views | 发表评论

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

回顶部