html – 绝对定位的DIV悬停在其他元素上

概述我有两个几乎相同的JSP页面.每个页面都有一个具有“position：relative”属性/值的外部DIV.每个页面还有一个内部DIV,它具有“position：absolute”属性/值. 在一个页面上,绝对定位的DIV不会悬停在页面上的任何其他元素上 – 它只是在我调整窗口大小时移动其他元素之前停止移动. 在另一页(具有相同的外部DIV和内部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％;”>

解决方法 绝对定位的元素将始终“悬停”在页面上的其他元素上,如果这些元素本身没有特别限制以防止它的方式.这是因为绝对元素不在流中(也就是说,它们被其他元素忽略,它们忽略了大多数其他元素本身;相对定位的元素是异常).

你有一个看起来像你想要的页面的事实可能是“意外”.我不能告诉你确切的原因,因为你只发布了BODY_OUTliNE包装器和绝对div的代码,但所有其他项和CSS也可能与这个问题相关,因为,如上所述,其他元素有通过尺寸,边距,自身定位或其他方式来确定绝对定位的元素.

总结

以上是内存溢出为你收集整理的html – 绝对定位的DIV悬停在其他元素上全部内容，希望文章能够帮你解决html – 绝对定位的DIV悬停在其他元素上所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。