我有一个白色居中的容器DIV,其高度至少应为窗口的100%,但如果内部文本较长,则DIV应展开以适合内容。相反,超出窗口高度的文本部分会进入灰色背景。
我尝试了一些我已经阅读的建议,例如在min-height
,height
和{{1}中添加body
而不是html
s但是,白色容器完全消失了。将#cntr
添加到overflow:hidden
只会将文本剪切为窗口大小,使其中的一部分完全不可见。
这是我的代码(没有一些CSS在这里不是特别重要):
#cntr
编辑:这是滚动下来后页面的屏幕截图(白色DIV应该延伸到页面底部): screenshot
感谢您就我如何解决问题提出任何建议。
答案 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;