Положение DIV относительно содержания DIV без перемещения другого материала

Question

[Я не уверен, задавался ли этот вопрос, хотя я немного осмотрелся.]

У меня есть DIV внутри DIV. Я бы хотел, чтобы внутренний DIV имел определенную позицию внутри внешнего div. У меня есть некоторый успех с этим

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

но все остальные дивы перемещаются. Я просто хочу, чтобы это было float поверх других вещей (float, конечно, не работал).

Спасибо!

Редактировать: Внешний div относительный, и я бы хотел, чтобы внутренний перемещался вместе с ним при изменении размера браузера.

Редактировать: Извините, я понял вопрос (но не ответ): если я использую право: 0px, внутренний div перестает двигаться относительно внешнего div и начинает двигаться относительно окно браузера. С чего бы это?

Answer 1

Используйте position: absolute на внутреннем элементе. Если ваш внешний элемент относительно позиционирован, как вы сказали, вы можете установить положение, основываясь на верхнем левом углу внешнего элемента.

Answer 2

Если вы примените относительное позиционирование к внешнему элементу

Тогда абсолютное позиционирование во внутренний 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>