Всем приветствия!

Не понимаю поведение слоев:

есть родительский слой, содержащий вложенный слой потомок.
1) Если этот вложенный слой относительно родительского позиционирован как «relative» или «static», то высота родительского DIV-а рассчитывается автоматически. Браузер покажет границу «border:1px dashed red;» с высотой pict.jpg
<div style="position:relative; margin-top:10px; border:1px dashed red; ">
<div style="position:relative;">
<img src="pict.jpg">
</div>
</div>

2) Если же вложенный DIV позиционирован как «absolute», то высота родителя никак браузером не рассчитывается, остается нулевой.
<div style="position:relative; margin-top:10px; border:1px dashed red; ">
<div style="position:absolute; left:30px; top:30px">
<img src="pict.jpg">
</div>
</div>

Вопрос: можно ли средствами CSS сделать так, чтобы и во втором случае высота родительского слоя автоматически рассчитывалась как высота вложенного объекта + смешение объекта «top».
Или это возможно осуществить только JS-средствами??

Заранее спасибо.

LINUXER на самом деле абсолютное позиционирование действует относительно ближнего родителя, у которого position absolute или relative (начсёт fixed не помню)
Ага, и с fixed тоже работает.


LINUXERЧтоб родитель расширялся и используйте первый вариант. Почему position д б именно absolute?

Потому что мне очень хочется использовать в родительском слое несколько дочерних слоев с абсолютным позиционированием - это удобно при верстке. И было бы еще удобнее если бы высота родительского слоя вычислялась автоматически.

Кстати и в первом случае, если указать для дочернего слоя top:10px, то высота родителя останется равной высоте элемента, т.е. на 10px меньше, чем хотелось бы :-)

Так, надо найти нормальную документацию и разобраться...