将元素放在另一个元素的顶部

Question

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

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

但有没有办法在不改变蓝盒子的CSS的情况下做到这一点，而不将其放在里面？

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

Answer 1

没有办法在不改变css的情况下改变div的位置。划痕定位并尝试浮动和清除。

Answer 2

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设置为新的div，无论页面上的其他元素如何，它都会转到您告诉它的位置。 z-index确保将置于原始蓝框之上。将新蓝框放在DOM中的位置并不重要，只要它具有绝对位置和比其他元素更大的zeta索引。