即使没有内容，如何强制DIV块扩展到页面底部？
在下面显示的标记中，我试图使内容div一直延伸到页面底部，但是只有在有要显示的内容时才拉伸。我要这样做的原因是，即使没有任何内容要显示，垂直边框仍会在页面下方显示。
这是我的 HTML ：
<body>
<form id="form1">
<div id="header">
<a title="Home" href="index.html" />
</div>
<div id="menuwrapper">
<div id="menu">
</div>
</div>
<div id="content">
</div>
而我的 CSS ：
body {
font-family: Trebuchet MS, Verdana, MS Sans Serif;
font-size:0.9em;
margin:0;
padding:0;
}
div#header {
width: 100%;
height: 100px;
}
#header a {
background-position: 100px 30px;
background: transparent url(site-style-images/sitelogo.jpg) no-repeat fixed 100px 30px;
height: 80px;
display: block;
}
#header, #menuwrapper {
background-repeat: repeat;
background-image: url(site-style-images/darkblue_background_color.jpg);
}
#menu #menuwrapper {
height:25px;
}
div#menuwrapper {
width:100%
}
#menu, #content {
width:1024px;
margin: 0 auto;
}
div#menu {
height: 25px;
background-color:#50657a;
}
问题答案：
您的问题不是div不在100％的高度，而是它周围的容器不在高度，这将有助于我怀疑您正在使用的浏览器：
html,body { height:100%; }
您可能还需要调整填充和边距，但这将使您获得90％的效率，如果需要使其与所有浏览器一起使用，您将不得不对其进行调整。
-
问题内容： 我的页面只有几行内容。我希望页脚被推到底部。 我不想用 又名 粘性页脚 没有jQuery，这可能吗？ 有什么建议么？ 问题答案： 还有另一种粘页脚]由瑞安既成事实不使用位置固定的：
-
问题内容： 我有这些嵌套的div，我需要主容器扩展（在高度上）以容纳内部的DIV CSS是这样的： 我的问题是无法拉伸以容纳所有内部div，结果它们一直在后台运行。 考虑到以上情况，如何解决此问题？ 问题答案： 您需要在div关闭之前强制输入a 。我可能会将其移入div并将CSS设置为： 更新： 这个问题仍然有相当多的流量，所以我想使用CSS3中称为“弹性框”或“弹性框”的新布局模式，以一种现代的
-
问题内容： 我在a中有一个长文本，其中包含define： HTML： CSS： 我怎么能迫使字符串留在一行中（即在“溢出”中间被切掉）？ 我尝试使用，但没有帮助。 问题答案： 尝试这个：
-
我正在尝试创建一个扩展，该扩展将使用附加字段增强页面。因为有很多关系和属性，所以我想使用扩展生成器，它在文档中说明了这一点(https://docs.typo3.org/typo3cms/extensions/extension_builder/stable/Developer/ExtendingModels.html)如果我想扩展一个模型，我必须：你必须输入类名（不是模型名！）模型在现场的应用。
-
问题内容： 我想在PDF文件的每一页中添加一段文字。这样的答案很好。但是，文本将添加到页面顶部。我想在每页底部添加我的文字。我该怎么做呢？ 这是代码的相关部分。 该代码是功能的一部分，该功能接受一个文件夹，读取其中的PDF文件，然后将它们合并为一个文件。因此，我想在上述循环本身中添加文本，而不是再次迭代文件。 问题答案： 请参阅《 iText in Action，第二版》的第6章，尤其是在6.4.
-
假设我使用TYPO3 7.6 Composer安装。现在我遇到了以下问题： 最新版本中的扩展在ext_emconf.php定义了所需的TYPO3-Version 我已经在TYPO3 7中测试了扩展，没有任何问题。在一个无作曲家安装，我可以通过扩展管理器安装扩展，并回答警告"我知道我在做什么"，但与作曲家我不能安装扩展！ 我是说是的我可以 > 等待开发者更新... 分叉扩展并更改ext_emconf