我不得不做一个“推”div来防止文本溢出

Question

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

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

这是Jsfiddle：

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

Answer 1

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

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

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

希望有所帮助