Css 为什么我的<;部门>;未扩展到高度:100%?

Css 为什么我的<;部门>;未扩展到高度:100%?,css,height,html,Css,Height,Html,我有3个div与此相对应。 我有一个包裹一切东西的包装纸。那就是#EEE 我有一个装在包装袋里的容器。也就是说35; FFF(部分内容) 我有第二个内容,高度:100%完美,位置:固定。在这两个分区内。 我给所有的主要分区添加了边框,看看有什么进展 好的,中间div的底部应该以100%的速度延伸到底部,从包装上看不到灰色。如果你仔细看页面顶部,你会看到一条紫色的线。这实际上是一个名为#content的div,应该包含所有帖子。我不知道它显示了什么,好像里面什么都没有,但它应该//(*修复*-见

我有3个div与此相对应。

我有一个包裹一切东西的包装纸。那就是#EEE 我有一个装在包装袋里的容器。也就是说35; FFF(部分内容)
我有第二个内容,高度:100%完美,位置:固定。在这两个分区内。

我给所有的主要分区添加了边框,看看有什么进展

好的,中间div的底部应该以100%的速度延伸到底部,从包装上看不到灰色。如果你仔细看页面顶部,你会看到一条紫色的线。这实际上是一个名为#content的div,应该包含所有帖子。我不知道它显示了什么,好像里面什么都没有,但它应该//(*修复*-见第二个答案)

你可以通过我的服务器了解我的意思


固定***

应用于#wrapper div的类“.container”把一切都搞砸了。

您需要将
主体设置为
高度:100%
,否则它不会占据整个屏幕


编辑:抱歉,我在查看网站之前回答了。如果它没有占据整个高度,您是否检查了多余的
边距
填充

您需要将
车身
设置为
高度:100%
,否则它不会占据整个屏幕


编辑:抱歉,我在查看网站之前回答了。如果它没有占据整个高度,您是否检查过多余的
边距
填充

我认为这是因为#Content div中有浮动

您可以将此类“hasFloats”添加到css文件和#content div中

已更新

.hasFloats { _height: 1%; }

.hasFloats:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; font-size: 0; }

<div id="content" class="hasFloats">
.hasFloats{{u高度:1%;}
.hasFloats:在{content:“.”之后;可见性:隐藏;显示:块;清除:两者;高度:0;字体大小:0;}

希望这能有所帮助。

我认为这是因为#Content div中有浮动

您可以将此类“hasFloats”添加到css文件和#content div中

已更新

.hasFloats { _height: 1%; }

.hasFloats:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; font-size: 0; }

<div id="content" class="hasFloats">
.hasFloats{{u高度:1%;}
.hasFloats:在{content:“.”之后;可见性:隐藏;显示:块;清除:两者;高度:0;字体大小:0;}

希望这有帮助。

有一个名为“container”的类应用于div“wrapper”。这个类容器来自我使用的Habari CMS提供的不同样式表。通过从div中删除此类,高度现在扩展到文档窗口。

有一个名为“container”的类应用于div“wrapper”。这个类容器来自我使用的Habari CMS提供的不同样式表。通过从div中删除此类,高度现在扩展到文档窗口。

我没有发现任何多余的边距和填充。那是我要找的第一件事。虽然我是人,但我可能错过了什么。我不认为这是完全正确的。事实上,我认为你必须让html{height:100%;}。至少对于IE7,您不必指定高度!它会随着内容自动扩展。很明显,我是为我的#Secondary content侧边栏做的。
另外,html高度:100%并不能解决这个问题。已经试过了。
很明显,我是为我的#第二内容侧边栏做的。而且,html高度:100%不能解决这个问题。我已经试过了。我没有发现任何多余的边距和填充。那是我要找的第一件事。虽然我是人,但我可能错过了什么。我不认为这是完全正确的。事实上,我认为你必须让html{height:100%;}。至少对于IE7,您不必指定高度!它会随着内容自动扩展。很明显,我是为我的#Secondary content侧边栏做的。
另外,html高度:100%并不能解决这个问题。已经试过了。
很明显,我是为我的#第二内容侧边栏做的。而且,html高度:100%不能解决这个问题。我已经试过了。虽然,这确实解决了我的#content div未扩展的问题,但并没有解决我的主要问题:[真的很有帮助!我希望我能投票支持你,但显然我不能。顺便说一句,它真的是“身高:1%”吗?它有什么作用?很高兴它有帮助。你的主要问题是什么?我的主要问题是:白色部分并没有一直扩展到窗口的“100%”。就像侧边栏一样。虽然,这确实解决了我的“内容分区”没有扩展的问题,这并没有解决我的主要问题:[虽然真的很有帮助!我希望我能投票支持你,但显然我不能。顺便说一句,它真的是“高度:1%”?它做什么?很高兴它起了作用。你的主要问题是什么?我的主要问题是:白色部分并没有一直扩展到窗口的“100%”。就像侧边栏一样。