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

Question

我在设置一些信息框的正确高度时遇到了一些小问题。

如果你进入这个示例页面，你可以简单地理解我的问题是什么:http://onofri.org/example/example3/test2.html

正如您在Main Report 区域下看到的，我有 3 个框。

问题出现在标题为 Links 的框中和 Work Supported by Japanese Trust Found

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

有没有办法解决这个问题？我希望那个盒子总是包含它的内容。

提前致谢。

Answer 1

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

这是一个例子:http://jsfiddle.net/43MjD/4/