CSS 定位 : container doesn't fit to its content size

Question

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 包含位于 .post 外部的 position:absolute 元素，边距为负数。

#content 能否适合 .post 的高度，同时又不会在侧面切割它？

Answer 1

如果您有东西漂浮在具有 min-height 属性的容器内，它不会展开。您需要清除 .post 上的 float ，然后容器将按预期增长。