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

标签 html css layout xhtml

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

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

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

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

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

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

提前致谢。

最佳答案

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

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

关于html - 关于如何设置div的高度以防止其内容从中出来的一些疑问,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18785088/

相关文章:

css - 自定义 CSS 边框样式(这个很棘手!)

html - 如何创建具有来自多个 CSS 类的多个背景图像的元素?

html - 表格单元格内的可滚动 DIV

javascript - 让 Jquery EasyUI 按预期工作

Android:将元素放在另一个元素下方并在屏幕底部对齐

ruby-on-rails - 在移动设备上使用替代的Rails布局,但 View 相同

javascript - 如何在搜索栏中获取项目的详细信息?

css - 将鼠标悬停在其上时显示隐藏的 div I

javascript - 如何将动态 JSON 数组输出到 HTML 表中?

jquery - 使用 Express、Node 和 JQuery 提交表单