相对于包含DIV的位置DIV而不移动其他东西

时间:2010-05-14 16:16:12

标签: html css

[我不确定是否已经问过这个问题,虽然我已经看了一下。]

我在DIV中有一个DIV。我希望内部DIV在外部div中具有一定的位置。我在这方面取得了一些成功

position: absolute; top: 0px;right:0px;

但所有其他div都在四处走动。我只想把它float放在其他东西之上(浮动当然不起作用)。

谢谢!

编辑:外部div是相对的,我希望在调整浏览器大小时内部移动它。

编辑抱歉,我已经找到问题(但不是答案):如果我使用右:0px,内部div停止相对于外部div移动并开始相对于浏览器窗口。为什么会这样?

2 个答案:

答案 0 :(得分:5)

在内部元素上使用position: absolute。如果外部元素的位置与您说的相对,则可以根据外部元素的左上角设置位置。

答案 1 :(得分:2)

如果将相对定位应用于外部div

然后绝对定位到内部div,你的内部div将相对于外部div定位。

(top:0; left:0将是我们外部div的左上角。

<div>other Div</div>
<div style="position:relative;">
    <div style="position:absolute; top: 100px;">Abs Div</div>
</div>