我遵循了如何在100%高度div容器中正确包含文本的教程,但是在修改HTML并为我的客户端网站添加新CSS后,文本似乎再次溢出主内容div容器。我找到的唯一解决方案是在溢出文本之后但在主内容div容器<div style="height:1020px;"></div>
的结束</div>
之前创建一个像<div id="container">
这样的div标签,以便主内容div容器将向下拉伸以包含溢出的文本。
我的解决方案的问题是我必须为每个页面的“push”标签设置不同的高度级别,因为每个页面都有不同的文本长度,我必须减少文本下的空白区域。我尝试了word-wrap: break-word
但没有用。如果您继续放大或者您已经处于某个缩放级别,文本将会溢出。我正在Chrome上对此进行测试。
这是Jsfiddle:
答案 0 :(得分:2)
据我所知,您的HTML存在问题。您的所有内容都在标题div内,这意味着高度仅限于标题的高度。我删除了CSS内容部分中的高度属性,并将标题高度更改为180px。
我还更正了你的HTML结构。这是工作代码:
http://jsfiddle.net/hollandben/eUHBX/8/
希望有所帮助