如果放入一些长文本,DIV不会扩展到内容

时间:2016-04-23 12:27:42

标签: html css

我有一个白色居中的容器DIV,其高度至少应为窗口的100%,但如果内部文本较长,则DIV应展开以适合内容。相反,超出窗口高度的文本部分会进入灰色背景。

我尝试了一些我已经阅读的建议,例如在min-heightheight和{{1}中添加body而不是html s但是,白色容器完全消失了。将#cntr添加到overflow:hidden只会将文本剪切为窗口大小,使其中的一部分完全不可见。
这是我的代码(没有一些CSS在这里不是特别重要):

#cntr

编辑:这是滚动下来后页面的屏幕截图(白色DIV应该延伸到页面底部): screenshot

感谢您就我如何解决问题提出任何建议。

2 个答案:

答案 0 :(得分:2)

解决了问题!

我已经在某个地方读过position: absolute的元素从页面流中取出,因此被认为是<{>>零高度 1}}目的。我还尝试为min-height设置min-height: 200px,并出现一个小的白色块。我仍然不知道为什么#cntr使白色div完全消失,但现在效果很好。

所以,改变

min-height: 100%

div {position: absolute}

相应地调整坐标并为div (position: relative} 设置min-height: 100%而不是height: 100%为我解决了问题。

感谢所有帮助和想法,希望这个答案会有所帮助。

答案 1 :(得分:0)

给出该文本样式并在css中放置自动换行


    word-wrap: break-word;