Html CSS问题-页脚过长？
我对这个网站的页脚有点问题。我期待它有一个设置的最低高度和流量的页面底部，无论分辨率。有点像一个黏糊糊的页脚，但我希望它对接到上面容器div的末端 这个问题在所有现代浏览器（Safari、Chrome、IE和Firefox）中都是一致的 在这里发布太多CSS，但Firebug或视图源将显示相应的样式。任何帮助都将不胜感激Html CSS问题-页脚过长？,html,css,sticky-footer,Html,Css,Sticky Footer,我对这个网站的页脚有点问题。我期待它有一个设置的最低高度和流量的页面底部，无论分辨率。有点像一个黏糊糊的页脚，但我希望它对接到上面容器div的末端 这个问题在所有现代浏览器（Safari、Chrome、IE和Firefox）中都是一致的 在这里发布太多CSS，但Firebug或视图源将显示相应的样式。任何帮助都将不胜感激 在页脚上指定100%的高度并不像您想象的那样。你告诉它，你想要的高度是身体的100%，它不只是“扩展”来填充剩余的空间。它实际上是100%的高度，加上你添加的所有其他东西。它正
在页脚上指定100%的高度并不像您想象的那样。你告诉它，你想要的高度是身体的100%，它不只是“扩展”来填充剩余的空间。它实际上是100%的高度，加上你添加的所有其他东西。它正在达到你的最小高度150px或更高。试试你的css：
body > #page {
height: 100%;
}
@#footer: remove-> property top:0;
add-> property bottom:0;
谢谢你的截图。你的描述现在更有意义了。我会做以下的事情。现在你有点像
<body>
<page>
<header />
<bodycontent />
</page>
<footer />
<body>
<body height: 100%;>
<page height: 100%; background: gray;>
<header background: black; />
<bodycontent background: black; />
<footer />
</page>
<body>
基本上，我们所做的是将body和page设置为100%，这意味着它们占据了整个屏幕。页面使用与页脚相同的背景颜色。最后，我们将标题和正文内容设置为黑色背景，以便它们覆盖页面的灰色 我遇到了类似的问题，应该是这样的： HTML
<footer id="wrapper" class="main_footer">
<nav>
<a href="#">A</a>
<a href="#">B</a>
<a href="#">C</a>
</nav>
</footer>
你能说得更具体些吗？我看到一个浅灰色的页脚，里面有一些内容。浅灰色流到页面底部？你想要什么？去哪里？浅灰色底部的文本是？浅灰色区域不是那么大吗？屏幕截图会有很大的帮助。页脚大小是个问题。在任何浏览器上都是693px高。我只想让页脚填充到浏览器窗口的底部，不管它有多大。-这是一个高度仅设置为150px的页面快照。我希望页脚能够在较大的浏览器上将页面的其余部分扩展到底部。不知道为什么它不工作。我试着将它设置为自动，但它并没有流到屏幕底部。其他人可以在大分辨率显示器上确认这一点吗？我已编辑了我的答案，但做了一些更改，请也尝试一下此答案。@#footer:remove->property top:0；添加->属性底部：0；这段代码把我剩下的css都弄乱了。它是否需要以某种方式格式化？也许在括号里？我觉得我写的方式让你很困惑，这不像我刚才提到的在css中删除顶部位置并在#页脚添加底部位置，哦，我明白了。我以前试过。但是不起作用。使用两个包装器的组合，我能够让它工作。我尝试将它设置为自动，但它不会流到屏幕底部。我喜欢你的想法。我也在考虑用背景来解决这个问题。问题是，该页面上有透明的PNG以及需要显示的条纹背景。您需要将其双重包装。或者使用javascript。CSS不够聪明，不能按原样做你想做的事。因此，将
页面#wrapper {
position: absolute;
width: 100%;
}