标题与内容重叠

发布于 2024-07-23 11:38:29 字数 422 浏览 3 评论 0原文

我在相对定位的元素（主体内容）之后放置了绝对定位的元素（标题）。由于某种原因，除了 IE8 之外，这在所有浏览器中都可以正常工作。标头与内容元素重叠，但未定位在其绝对位置。我使用的CSS规则：

#bodyContent{
    clear: both;
    display: table;
    width: 920px;
    margin-top: 173px;
    _margin-top: 178px;
    position: relative;
}
#headerContainer {
    position: absolute;
    top: 0px;
    left:0px;
}

标题部分从内容元素位置渲染，其位置有空格。

这是IE8的bug吗？谁能帮我解决这个问题吗？

原文

I have placed an absolutely positioned element (header) after relatively positioned element (body content). Due to some reason and this works fine in all the browsers except IE8.
The header is overlapping the content element with not positioned at its absolute position.
The css rules I have used:

#bodyContent{
    clear: both;
    display: table;
    width: 920px;
    margin-top: 173px;
    _margin-top: 178px;
    position: relative;
}
#headerContainer {
    position: absolute;
    top: 0px;
    left:0px;
}

The header part is rendering from the content element postition with space in its position.

Is this the bug in IE8? Can anyone help me sort out this issue?

分享到QQ

分享到微博