Position relative + absolute и высота блока

[NoName013]

<div style="position:relative;">
<div style="position:absolute;">TEXT</div>
</div>

Как в такой связке блоков задать высоту блока с position:relativе? Чтобы он растягивался на по содержимому блока position:absolute;?

 

[Prostobv]

в такой связке не получиться.. если только скриптами растягивать

 

[NoName013]

Тогда придется другим путем пойти...

Может подскажите, как сделать.
Нужно расположить блоки col1, col2, col3 в один ряд. Ширина блоков col1 и col3 статичная, а блок col2 должен растягиваться на всю оставшуюся ширину. И это надо сделать без использования float.

<div id="main">
<div id="col1"></div>
<div id="col2"></div>
<div id="col3"></div>
</div>

 

[max1235]

Конечно фиг знает почему float не устраивает, по мне так это идеальное решение, задаём фиксированную ширину у 1 и 3 колонок у 1-ого float: left; у 3-го float:ridht; а 2-ой оставляем? ну вообщем вот так

<div id="main">
<div id="col1" style="float: left; width: 200px; border: 1px solid">1</div>
<div id="col3" style="float: right; width: 200px; border: 1px solid">3</div>
<div id="col2" style="width: 100%; border: 1px solid">2</div>
</div>

 

[aaliseyko]

#main {
letter-spacing: -0.31em;
word-spacing: -0.43em;
}

col1,2,3{
display: inline-block;
letter-spacing: normal;
word-spacing: normal;
}

*+html col1,2,3 {
display: inline;
zoom:1;
}

col1 {
width: xxx;
}

col3 {
width: zzz;
}

 

[seraph22]

Конечно фиг знает почему float не устраивает, по мне так это идеальное решение

float хорошо использовать, если нужна поддержка старых браузеров типа IE 6, 7 ну и, конечно, само обтекание элементов, но для более точного горизонтального позиционирования и вертикального выравнивания блоков целесообразнее использовать display: inline-block;