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

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

html css

Html 如果放入一些长文本，DIV不会扩展到内容,html,css,Html,Css,我有一个以白色为中心的容器DIV，其高度至少应为窗口的100%，但如果其中的文本较长，则该DIV应展开以适应内容。相反，文本中超出窗口高度的部分会进入灰色背景我尝试了你的一些建议，比如在正文中加入minheights而不是heights、html和#cntr，但是白色容器完全消失了。将overflow:hidden添加到#cntr只需将文本剪切到窗口大小，使部分文本完全不可见。以下是我的代码（没有一些CSS，在这里并不特别重要）： html{ 身高：100%；保证金：0； } 正文{字体

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

我尝试了你的一些建议，比如在

正文

中加入

minheight

s而不是

height

s、

html

和

#cntr

，但是白色容器完全消失了。将

overflow:hidden

添加到

#cntr

只需将文本剪切到窗口大小，使部分文本完全不可见。
以下是我的代码（没有一些CSS，在这里并不特别重要）：


html{
身高：100%；
保证金：0；
}
正文{字体系列：格鲁吉亚；高度：99%；边距：0.25%0}
div{位置：绝对}
#碳纳米管{
宽度：1250px；
显示：块；
位置：相对位置；
排名：0；
浮动：无；
保证金：0自动；
背景色：白色；
身高：100%；
}
/*这里有一些很长的*/

编辑：下面是向下滚动后的页面截图（白色DIV应延伸至页面底部）：

感谢您对我如何解决问题提出的建议。

使用该文本样式，并在css中使用文字换行符

word-wrap: break-word; 单词包装：打断单词；

给出该文本样式，并在css中放入换行符

word-wrap: break-word; 单词包装：打断单词；解决了这个问题

我在某个地方读到过，带有

position:absolute

的元素是从页面流中取出的，因此被认为是零高度，用于
最小高度
目的。我还尝试为
#cntr
设置
最小高度：200px
，出现了一个小的白色方块。我仍然不知道为什么
minheight:100%
使白色div完全消失，但现在它运行良好
那么，改变

div {position: absolute}
到
相应地调整坐标并设置
最小高度：100%
而不是
的高度：100% 。\cntr
为我解决了这个问题
感谢所有的帮助和想法，希望这个答案会有帮助。
解决了这个问题
我在某个地方读到过，带有
position:absolute
的元素是从页面流中取出的，因此被认为是零高度，用于
最小高度
目的。我还尝试为
#cntr
设置
最小高度：200px
，出现了一个小的白色方块。我仍然不知道为什么
minheight:100%
使白色div完全消失，但现在它运行良好
那么，改变

div {position: absolute}
到
相应地调整坐标并设置
最小高度：100%
而不是
的高度：100% 。\cntr
为我解决了这个问题

感谢所有的帮助和想法，希望这个答案会有所帮助。
div{position:absolute}
在
标签中适用于页面中的每个
分割元素。您确实希望使用更具体的选择器。作为旁注，这里只有两种选择：1。雇佣一名前端开发人员。2.学习CSS。@Rob实际上有-为您提供完整的代码和相关文本，更好地提供您所拥有和想要的屏幕截图。然后我们就可以帮助您了。@Gaurav Mahindra添加了一个屏幕截图，显示了向下滚动后发生的情况。@Gaurav Mahindra添加了一个屏幕截图。抱歉加倍，但我恐怕没有通知您，因为您的标记中的usernamediv{position:absolute} 中的空格适用于页面中的每个分割元素。您确实希望使用更具体的选择器。作为旁注，这里只有两种选择：1。雇佣一名前端开发人员。2.学习CSS。@Rob实际上有-为您提供完整的代码和相关文本，更好地提供您所拥有和想要的屏幕截图。然后我们就可以帮助您了。@Gaurav Mahindra添加了一个屏幕截图，显示了向下滚动后发生的情况。@Gaurav Mahindra添加了一个屏幕截图。很抱歉增加了一倍，但我恐怕没有通知您，因为用户名中有空格。它没有更改任何内容。此外，我认为问题不在于文本本身，而在于包含它的div或#cntr 中。它没有改变任何东西。此外，我认为问题不在于文本本身，而在于包含它的div或#cntr 中。