Абсолютный позиционированный div внутри относительного положения div

Question

Как вы можете содержать абсолютный позиционный div внутри относительного позиционного div? Например, структура, как это:

HTML

<div class="wrapper clearfix"> 
<div class="contentWrapper"> 
    <div class="content">Looong text here...</div> 
</div> 
</div> 

CSS

.wrapper { 
position:relative; 
} 
.contentWrapper { 
position:absolute; 
top:0; 
left:0; 
} 

приведет как высота contentWrapper быть 0 (когда элемент проверен) и DIV с содержанием класс не будет отображаться.

Есть ли способ применить метод clearfix для абсолютных позиционированных элементов внутри относительных?

Благодаря

Edit:

То, что я пытаюсь сделать здесь, чтобы избежать «Looooong текст» от расширения оболочки (обертка имеет динамическую ширину, не может быть установлена). contentWrapper содержит текст и обертывает его, также он заполняет ширину родительской обертки, чтобы она не расширялась. Единственная проблема заключается в том, что высота contentWrapper равна 0, а текст не отображается.

Любой другой способ сделать это?

Answer 1

Нет, это невозможно, вы можете использовать clearfix для очистки плавающих элементов.

Answer 2

Если единственный элемент внутри вашего позиционированного контейнера установлен абсолютным, вам необходимо указать высоту на контейнере. Проблема заключается в том, что position:absolue удаляет элемент из потока содержимого, поэтому контейнер не распознает высоту абсолютно позиционированного элемента.