2010-05-19 2 views
0

У меня есть последовательность пар элементов. (.div1, .div2) Я использую позицию: относительный атрибут на .div2, чтобы переместить его немного сверху и справа по отношению к div1.CSS: есть ли способ иметь такое же относительное позиционирование, даже если предыдущий элемент имеет разную высоту?

Однако элементы .div1 имеют разное содержание и высоты, поэтому относительное позиционирование .div2 несовместимо (они иногда слишком высокие, иногда слишком низкие).

.div2 { 
    position:relative; 
    left:200px; 
    top:-300; 
} 

благодаря

Обновлено: HTML-код очень прост

<div class="div1"> blabla </div> 
<div class="div2"> blabla </div> 

ответ

0

Если «.div2» находится внутри «.div1», вы можете использовать position:relative на .div1 и position:absolute на .div2, чтобы заставить его получить его положение относительно .div1.

Немного контрастный, но он работает.

+0

ОК спасибо. К несчастью, это не так, они одно за другим. – aneuryzm

+0

Я действительно принял ваше решение! Но я использовал позицию: относительный для родительского элемента div1 и div2, и я применил позицию: абсолютный на обоих div1 и div2. Надеюсь, это хорошее кросс-браузерное решение. – aneuryzm

+0

Ах да, хорошо подумал! – jeanreis

0

Этот вопрос будет очень трудно ответить без какой-либо пример разметки.

Можете ли вы решить проблему, указав внизу и справа? Являются ли эти цифры более стабильными?

+0

Я обновил свой вопрос с помощью markupI'm будет иметь такую ​​же проблему, используя нижнюю (на этот раз высота div2 сделает свое положение неустойчивым) – aneuryzm

+0

ups извините, фактически дно не оказывает никакого влияния на положение div2. Я попробовал оба дна: 0; и снизу: 800 пикселей; и это то же самое .. – aneuryzm

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