Fatal编程技术网
  • css/
  • Css 我不得不不断地说；推；div以防止文本溢出

Css 我不得不不断地说；推；div以防止文本溢出

css html

Css 我不得不不断地说；推；div以防止文本溢出,css,html,overflow,containers,Css,Html,Overflow,Containers,我遵循了一个关于如何在100%高度的div容器中正确包含文本的教程，但是在修改了HTML并为我的客户网站添加了新的CSS之后，文本似乎再次从主内容div容器中溢出。我找到的唯一解决方案是为main content div container创建一个div标记，如，放置在溢出文本的正后方，但在结尾之前，这样main content div container将向下伸展以包含溢出文本 我的解决方案的问题是，我必须为每页的“push”标记设置不同的高度级别，因为每页的文本长度不同，我必须减少文本下的空

我遵循了一个关于如何在100%高度的div容器中正确包含文本的教程，但是在修改了HTML并为我的客户网站添加了新的CSS之后，文本似乎再次从主内容div容器中溢出。我找到的唯一解决方案是为main content div container
创建一个div标记，如
，放置在溢出文本的正后方，但在结尾
之前，这样main content div container将向下伸展以包含溢出文本

我的解决方案的问题是，我必须为每页的“push”标记设置不同的高度级别，因为每页的文本长度不同，我必须减少文本下的空白量。我尝试了
wordwrap:break-word
，但没有成功。如果继续放大或已处于某个缩放级别，文本将溢出。我正在Chrome上测试这个

以下是JSFIDLE：

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

我还纠正了你的HTML结构。以下是工作代码：

希望这有帮助

请参见此处：