Css 自动高度div保持架至其内容

我有一个div持有者，小时候有一套div。问题是内容的高度是可变的，这取决于其子级的内容，因此如何将holder div的css属性设置为自动调整到其子级的高度总和

我已经尝试了一些div-holder-css的配置，比如minheight、padding:auto等。。但是没有成功

我将代码放在这里：

---

谢谢。

制作一个名为clear的类，并将其放在您最后一个div孩子之后，但仍在支架中

像这样：

.clear { width: 100%; height: 0px; clear: both; display: block; }

然后

<div class="holder">
<div class="child"></div>
<div class="child"></div>
...
<div class="child"></div>
<div class="clear"></div>
</div>

...

创建一个名为clear的类，并将其放在最后一个div子类之后，但仍在holder中

像这样：

.clear { width: 100%; height: 0px; clear: both; display: block; }

然后

<div class="holder">
<div class="child"></div>
<div class="child"></div>
...
<div class="child"></div>
<div class="clear"></div>
</div>

...

只需移除子

div

s上的高度即可

当您声明高度时，它表示无论内容是什么，它都将始终是该高度，因此当内容更改时，孩子的高度不会更改，因此支架的高度不会更改

.holder {
    width:250px;
    min-height:50px;
    border:1px solid #EDEDED;
}

.header {
    width:100%;
}
.body {
    width:100%;
}
.footer {
    width:100%;
}

---

​

只需删除子项上的高度

div

s即可

当您声明高度时，它表示无论内容是什么，它都将始终是该高度，因此当内容更改时，孩子的高度不会更改，因此支架的高度不会更改

.holder {
    width:250px;
    min-height:50px;
    border:1px solid #EDEDED;
}

.header {
    width:100%;
}
.body {
    width:100%;
}
.footer {
    width:100%;
}

---

​

问题是您在所有div上都设置了高度，但内容超过了该高度，因此它已用完。您要么删除高度，要么为每个div设置

overflow:auto

，然后您将获得一个滚动条。如果要隐藏额外的内容，可以使用

溢出：隐藏
问题是您在所有div上都设置了高度，但内容超过了该高度，因此它将用完。您要么删除高度，要么为每个div设置
overflow:auto
，然后您将获得一个滚动条。如果您想隐藏额外的内容，可以使用
溢出：hidden
是的，您的div肯定始终是子div组合高度的高度？我是不是遗漏了什么？它们是漂浮的还是什么的？嗨，泰德斯基，问题是头部不能超过设定的高度，也就是20px，所以如果不设定，它会破坏我的结构。只有主体可以不设置高度。因此只需删除
.body
类上的高度是的，您的div肯定始终是您的子div的组合高度的高度？我在这儿丢了什么吗？它们是漂浮的还是什么的？嗨，泰德斯基，问题是头部不能超过设定的高度，也就是20px，所以如果不设定，它会破坏我的结构。只有主体可以不设置高度。因此，只需删除
.body
类上的高度，也可以删除CSS中的高度。请参阅：这无法修复它，因为div没有浮动。真的没有什么需要澄清的。你是对的，我在阅读中跳过了一点，并假设这将是人们问的更常见的问题之一，但我在小提琴中的解决方案仍然解决了这个问题。在CSS中去掉你的身高。请参阅：这无法修复它，因为div没有浮动。真的没有什么需要澄清的。你是对的，我在阅读中跳过了一点，并假设这将是人们问的更常见的问题之一，但我在小提琴中的解决方案仍然解决了它。