如何在不知道绝对位置的情况下使两个div重叠

时间:2012-03-16 00:07:39

标签: css position relative absolute

我需要两个div看起来有点像这样:

    |               |
 ---|    DIV I      |------------------------
|   |_______________|                       |
|             DIV II                        |

如果我知道绝对位置,这是一个简单的任务,但我的div可以用JQuery .draggable()拖动,所以位置是未知的。

我该如何完成这项任务?

2 个答案:

答案 0 :(得分:0)

如果您需要将徽标放在内容div之上,但两个div都可以随时移动,或者其中一个,您是否尝试使用logo divs z-index作为非常高的z-index:9999 ;确保它始终显示在内容div之上(这是因为我当然正确理解了这个问题)。

答案 1 :(得分:0)

如果你将div我放在div II之内,你可以使用负边距在div II之外画它。例如:

.divi {
    width: 200px;
    height: 70px;
    margin-top: -40px;
    margin-left: 30px;
}

但是,如果也可以拖动divi,那么你可能会遇到一些麻烦,使用纯css工作。