Question

我想把两个浮动：右边的div放在彼此顶上。

我尝试了位置：亲戚;顶部：-HEIGHTpx;但它似乎什么都不做（显然我没有放入'HEIGHT'，我把它放在实际的高度

我认为还没有更多必要的细节。

虽然这是第一个元素的style属性：

style="width:750px; margin-right:20px; background-color:#D6D6D6; border:1px solid #8C8C8C; float:right; font-family:arial; height:250px"

第二个：

style="width:750px; margin-right:20px; background-color:#D6D6D6; border:1px solid #8C8C8C; font-family:arial; height:250px; z-index: 2; float:right;"

将它们放在彼此之内是可能的，但是我将需要使用javascript来操纵左边的___ px属性，所以我宁愿把它们留给兄弟姐妹。

Answer 1

您可以对两个div使用position：absolute和z-index。

首先添加到CONTAINER div（两个div的父级）：

position: relative

第一个div :(删除浮动，边距右，添加位置绝对和z指数）

style="width:750px; background-color:#D6D6D6; border:1px solid #8C8C8C; font-family:arial; height:250px; position: absolute; right: 20px; z-index: 1"

第二个div :(删除浮动，边距右，添加位置绝对和z指数）

style="width:750px; background-color:#D6D6D6; border:1px solid #8C8C8C; font-family:arial; height:250px; position: absolute; right: 20px; z-index: 2;"

XHTML - 两个浮动：右上方是另一个吗？

1 个答案: