Html 关于如何设置div的高度以防止其内容从中溢出的一些疑问

Html 关于如何设置div的高度以防止其内容从中溢出的一些疑问,html,css,layout,xhtml,Html,Css,Layout,Xhtml,我对设置一些信息框的正确高度有一些小问题 如果您进入本示例页面,您可以简单地了解我的问题是什么: 正如您在主报告区域下看到的,我有3个框 问题出现在标题为链接的框中,以及找到的由日本信托基金支持的工作中 如您所见,这些框包含一些信息性文本。问题是,如果我放大字符(在浏览器中,使用CTRL+),则此信息文本将跳出框外(它将跳出框底) 有没有办法解决这个问题?我希望那个盒子里总是有它的内容 提前感谢。使用min height属性设置高度。这允许盒子在需要时“成长” 这里有一个例子:不要给div一个高

我对设置一些信息框的正确高度有一些小问题

如果您进入本示例页面,您可以简单地了解我的问题是什么:

正如您在主报告区域下看到的,我有3个框

问题出现在标题为链接的框中,以及找到的由日本信托基金支持的工作中

如您所见,这些框包含一些信息性文本。问题是,如果我放大字符(在浏览器中,使用CTRL+),则此信息文本将跳出框外(它将跳出框底)

有没有办法解决这个问题?我希望那个盒子里总是有它的内容


提前感谢。

使用
min height
属性设置高度。这允许盒子在需要时“成长”


这里有一个例子:

不要给div一个高度,这样框就会像文本一样展开。

嗯,你能给我一个简单的例子吗?在哪里设置最小高度属性?为什么?Tnx@AndreaNobili当然,让我做一个jsfiddle:)但是这样你就不用minheight属性了,只使用height属性…所以我可以为div(创建我的框)设置height属性,但是如果以后我在浏览器中放大字体,文本会再次出现…@AndreaNobili看看第二个框,“#content fluid”。第一个用于比较。我已经找到了这个解决方案,似乎效果很好: