位置:绝对不尊重 IE6 中的父元素

Position: absolute not respecting parent element in IE6

提问人:Pekka 提问时间:2/11/2010 更新时间:2/11/2010 访问量:982

问:

我有一个带有 a 的页面。div

包含一张图片,宽 700 像素,高 300 像素。它设置为 。divposition: relative

为了在 DIV 的底部显示一些文本,我在其中放了一个并给出它spanposition: absolute; bottom: 8px

这在所有浏览器中都工作正常,除了 IE6。IE6 将文本放在页面的最底部

就好像父元素及其根本不存在一样。position: relative

这是已知的 IE6 行为,还是我忽略了某些内容?

我刚刚检查了一下,HTML代码通过了W3C验证。

HTML CSS 互联网浏览器-6

评论

0赞 questzen 2/11/2010
只是一个预感,你能应用 float: 和 clear: 属性吗,看起来像一个 clearfix 问题
0赞 Pekka 2/11/2010
干杯@questzen,你是对的,它需要布局,我用.zoom: 1

答:

2赞 Romhein 2/11/2010 #1

你为你的div设置了一个高度吗?如果未设置高度,IE6 将此元素视为不存在。

评论

0赞 Pekka 2/11/2010
没有明确,没有。这可能与布局有关吗?我会试着坚持下去。zoom: 1
0赞 Pekka 2/11/2010
为我走上正轨而欢呼,我做到了。(我无法设置明确的高度。zoom: 1
2赞 Gabriele Petrioli 2/11/2010 #2

我会说,使用

height:auto!important;
height:1px;

技巧也将进行验证,并为不支持该指令的 IE6 提供布局。!important