Html 如何将页脚推到页面底部,但避免滚动条?
这是我正在开发的网站: 页脚浮动到页面顶部,因为没有足够的内容,所以我使用此技巧将页脚推到底部:Html 如何将页脚推到页面底部,但避免滚动条?,html,css,Html,Css,这是我正在开发的网站: 页脚浮动到页面顶部,因为没有足够的内容,所以我使用此技巧将页脚推到底部: 问题是,有太多的空间,它添加了一个滚动条。如何修复它,使页脚位于页面底部,但不添加滚动条?好吧,保留您当前的方法,我只需降低的高度。按: .push{ height:50px; } 但这不是最好的办法 在本例中,您为主体标记提供与页脚相同的背景色(或图像),然后内容将根据需要填充尽可能多的空间。页脚就在它的正下方,它下面的其余部分,即屏幕的其余部分,充当各种填充物。当前的方法很好,我
问题是,有太多的空间,它添加了一个滚动条。如何修复它,使页脚位于页面底部,但不添加滚动条?好吧,保留您当前的方法,我只需降低
的高度。按:
.push{
height:50px;
}
但这不是最好的办法
在本例中,您为主体
标记提供与页脚相同的背景色(或图像),然后内容将根据需要填充尽可能多的空间。页脚就在它的正下方,它下面的其余部分,即屏幕的其余部分,充当各种填充物。当前的方法很好,我一直在使用它。您只是忘记了将包装的负底边距设置为与页脚和页脚推送相同的高度。将您的.wrapper
css更新到此页边距:0 auto-300px
在chrome inspector中帮了我的忙。您网页中的内容太多,无法在单个屏幕上显示。因此,如果你想删除滚动条,要么你必须减少字体和内容大小,要么你必须删除一些内容
但是如果你想减少网页中的垂直空间,请删除高度:200px代码>来自。按{}
并添加页边距顶部:100px代码>页脚的图像太大,我认为你必须在photoshop中调整图像大小,然后在页脚中使用它,或者将图像放在页脚上。你所做的一切都没有错。滚动条的出现是因为有很多大字体大小的内容。使您的网站字体更小,减少图像大小。在这种情况下,我认为没有什么能救你……:)谢谢所有帮助过我的人。最终,它将.wrapper边距从ems更改为像素,以匹配我所做的其他更改,从而解决了我希望解决的确切问题。现在我有一个问题,其他网页仍然有问题,这可能是因为我使用了一个不同的名称,我的“权利”DIV。任何想法都是有益的!