有没有办法让 div 的高度取决于一个子 div 的内容而不是另一个？

Posted 2023-03-06

【中文标题】有没有办法让 div 的高度取决于一个子 div 的内容而不是另一个？

【英文标题】：Is there a way to make a div's height depend on one sub div's content but not another?

【发布时间】：2011-10-31 17:41:56

【问题描述】：

如果我有一个包含两个子 div 的 div：是否可以有 height:auto;在父元素上，但仅将其应用于一个子元素，并将另一个设置为 overflow-y:scroll;?

这是一个例子：http://jsbin.com/equpor/2/edit

这就是我的意思：我可以让 div.one 适应 div.two 的高度但忽略 div.three 吗？

有没有合适的方法来解决这个问题？ 谢谢！

编辑：div.three 中的内容是通过 php foreach 循环从 xml 文件生成的，因此我希望能够编辑 xml 而无需每次都编辑 html/css。所以我不知道 div.three 会有多长时间。我希望它是动态的。

【参考方案1】：

是的，你可以。您所要做的就是为 div 3 设置一个固定的高度。

see example

【讨论】：

哦，对不起。我忘了提到 div 3 中的内容是由 xml 文件中的 php foreach 循环生成的，所以我希望能够编辑 xml 而无需每次都编辑 html/css。所以我不知道 div 3 会有多长时间。我希望它是动态的。我的错。