javascript - 将元素放在另一个之上

Question

我想在蓝色盒子上方放置一个与蓝色盒子尺寸相同的 DIV：D

我知道可以通过将蓝色框设为相对，将 DIV 放入其中，绝对位置位于 0,0 位置。

但是有没有办法在不改变蓝色盒子的 CSS 并且不将其放入其中的情况下做到这一点？

我希望过去的 DIV 位于文档正文的末尾。

Answer 1

div.blue-box {
    ...stuff here...
}

div.other-blue-box {
    position: absolute;
    z-index: 1; /* z-index must be greater than the z-index of div.blue-box */
    top: <location of the div.blue-box>; /* must correspond with the top position of the div.blue-box */
    left: <location of the div.blue-box>; /* must correspond with the left position of the div.blue-box */
}

通过设置position : absolute为 new div，无论页面上的其他元素如何，它都会转到您告诉它的位置。z-index确保它被放在原来的蓝色盒子上面。将新的蓝色框放在 DOM 中的哪个位置并不重要，只要它具有绝对位置和比其他元素更大的 zeta 索引即可。

Answer 2

如果不更改 css，就无法更改 div 的位置。从头定位并尝试浮动和清除。