css - 我一直不得不制作一个 "push"div 以防止文本溢出

Question

我遵循了如何在 100% 高度的 div 容器中正确包含文本的教程，但是在修改 HTML 并为我客户的网站添加新的 CSS 后，文本似乎再次溢出主要内容 div 容器。我找到的唯一解决方案是创建一个像 <div style="height:1020px;"></div> 这样的 div 标签。放置在溢出文本之后但在结尾 </div> 之前用于主要内容 div 容器 <div id="container">这样主要的内容 div 容器就会向下延伸以包含溢出的文本。

我的解决方案的问题是，我必须为每个页面的“push”标签设置不同的高度级别，因为每个页面的文本长度不同，而且我必须减少文本下方的空白量。我试过word-wrap: break-word这没有用。如果您继续放大或者您已经处于某个缩放级别，文本将溢出。我正在 Chrome 上对此进行测试。

这是 Jsfiddle:

http://jsfiddle.net/eUHBX/1/

Answer 1

据我所知，您的 HTML 有问题。您的所有内容都在标题 div 中，这意味着高度限制为标题的高度。我已经删除了您 CSS 内容部分中的高度属性，并将标题高度更改为 180 像素。

我还更正了您的 HTML 结构。这是工作代码:

http://jsfiddle.net/hollandben/eUHBX/8/

希望对你有帮助