HTML:
<div content>
<div post>
<div post>
...
</div>
CSS:
.post {
margin: 0; padding: 110px 20px 20px;
float: left;
width: 560px;
position: relative;
display: block;
}
#content {
display: block;
padding: 15px;
overflow: visible // hidden
min-height: 250px;
}
Когда #content
установлен на overflow:visible
, он нене соответствуют размеру его содержимого, т. е. каждое сообщение хорошо отображается, но высота #content
является его минимальной высотой.
Когда установлено overflow:hidden
, #content
адаптирует свой размер к своему содержимому, но.post
сокращены до метрики #content
..post
содержит position:absolute
элементы, расположенные за пределами .post
с отрицательными полями.
Может ли #content
соответствовать высоте .post
и в то же время не разрезать его по бокам?*