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

#content可以适应.post的高度，同时不会在侧面切割它吗？

Answer 1

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

Answer 2

这是你想要做的吗？

http://jsfiddle.net/k4t434sispho3nix/swwTn/

Answer 3

你怎么看待这个...

http://jsfiddle.net/UnsungHero97/dBMxE/2/

尝试插入更多内容或取出<div class="post"></div>元素。

我希望这会有所帮助。

Answer 4

尝试将容器的overflow属性更改为“auto”;它对我有用：

https://stackoverflow.com/a/17807687/888367

CSS定位：容器不适合其内容大小

4 个答案: