html绝对定位元素只能显示在上方,html – 绝对定位的DIV悬停在其他元素上

我有两个几乎相同的JSP页面.每个页面都有一个具有“position：relative”属性/值的外部DIV.每个页面还有一个内部DIV,它具有“position：absolute”属性/值.

在一个页面上,绝对定位的DIV不会悬停在页面上的任何其他元素上 – 它只是在我调整窗口大小时移动其他元素之前停止移动.

在另一页(具有相同的外部DIV和内部DIV属性和值)上,当我调整窗口大小时,绝对定位的DIV将悬停在页面上的其他元素上.

有关为什么会发生这种情况的任何想法？我最终希望两个绝对定位的DIV都不会悬停在页面上的任何其他元素上……

这是标记和css涉及的片段……

CSS

.BODY_OUTLINE {

位置：相对;

边框：2px一开始白色;

border-top：none;

font-style：normal;

保证金：0px;

保证金右：7em;

填充顶：0像素;

FONT-FAMILY：arial,tahoma,verdana,sans-serif;

宽度：100％;

}

HTML

< DIV CLASS =“BODY_OUTLINE”>

…

< DIV STYLE =“border：10px outset grey; position：absolute; right：20％; top：20％;”>