Я собираюсь все это утро и не могу заставить его работать:
У меня есть родительский DIV с относительным позиционированием и двухуровневая дочерняя DIV-настройка внутри него, обе позиции Absolute. Мне нужно, чтобы родительская высота DIV растянулась с содержимым внутренних DIV.
Я попытался положить бит типа .clearfix перед закрывающими тегами для #content, но я ничего не плаваю. Я также попытался добавить атрибут float в div #content безрезультатно. Может ли кто-нибудь указать мне правильное направление здесь. Очевидно, что я пропускаю что-то с тем, как вложенные показы влияют друг на друга.
CSS
#content {
width: 780px;
padding: 10px;
position: relative;
background: #8b847d;
}
#leftcol {
width: 500px;
position: absolute;
}
#rightcol {
width: 270px;
position: absolute;
left: 500px;
margin-left: 10px;
text-align: center;
}
HTML:
<div id="content">
<div id="leftcol">
<p>Lorem Ipsum</p>
</div><!-- /leftcol -->
<div id="rightcol">
<img src="images/thumb1.jpg">
<img src="images/thumb2.jpg">
</div><!-- /rightcol -->
<br style="clear:both;">
</div><!-- /content -->