Относительное и абсолютное позиционирование

Question

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

В принципе, у меня есть такая конфигурация ...

<div style="position:relative"> 
    <div style="position:absolute; top:0; left:100;"> 
    <div style="position:absolute; top:100; left:100;"> 
<div> 

(... и я хотел бы, чтобы поместить содержание здесь)

Поскольку это динамичный, у меня нет фактической высота относительного div. поэтому я не могу поместить его в CSS этого контейнера.

Я создал jsfiddle (http://jsfiddle.net/o7k2dpdz/), чтобы проиллюстрировать, что я пытаюсь сделать. Я оставил искусственный 500px в качестве своего роста, но я хотел бы удалить его и по возможности по-прежнему работать.

Answer 1

Я думаю, что вам не нужно использовать подход position:absolute; для такого макета.

Вот пример решения я сделал без абсолютного позиционирования

jsFiddle

Надежда это то, что вы намеревались создать.