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

[Я не уверен, если этот вопрос был задан, но я посмотрел вокруг немного.]Положение DIV относительно содержащий DIV без перемещения другого материала

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

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

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

Спасибо!

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

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

источник

2010-05-14 Dan Rosenstark

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

источник

2010-05-14 16:25:07 DisgruntledGoat

вот что я думаю, тоже, но это не работает, я должен отслеживать это вниз. , видимо, должно быть, я искажаю то, что происходит в коде:) ... спасибо –

«Если ваш внешний элемент относительно позиционирован, как вы говорите». Не было. Я думал, что CSS по умолчанию относительный, но это не так. Еще раз спасибо. –

@yar: Нет, CSS по умолчанию «статический», поэтому любой абсолютный элемент будет располагаться в верхнем левом углу страницы. – DisgruntledGoat

Если применить относительное позиционирование внешнего DIV

Тогда абсолютное позиционирование для внутренней DIV, ваш внутренний DIV будет позиционировать относительно внешних дел.

(верх: 0; слева. 0 будет где-либо в левом верхнем углу нашего внешнего DIV является

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

источник

2010-05-14 16:25:44

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

ответ

Смежные вопросы