Html 尝试使用许多粘性页脚教程,无法修复页脚

Html 尝试使用许多粘性页脚教程,无法修复页脚,html,css,footer,sticky-footer,Html,Css,Footer,Sticky Footer,我一直很难让页脚停留在我使用的模板的浏览器底部。如果有很多内容要“推”页脚,那么它在firefox上看起来还可以,但我可以在chrome上看到它在页面底部上方的“半空中”,看起来非常糟糕 一定是出了什么问题,但即使在我看过很多粘性页脚教程之后,似乎也没有一本能解决这个问题,它只是“打断”了页脚,通常使页脚脱节。我仍然是html/php的初学者,因此非常感谢您的帮助,我非常想解决这个问题 我已将style.css和示例页面粘贴到JSFIDLE上:尝试以下操作: #footer { posi

我一直很难让页脚停留在我使用的模板的浏览器底部。如果有很多内容要“推”页脚,那么它在firefox上看起来还可以,但我可以在chrome上看到它在页面底部上方的“半空中”,看起来非常糟糕

一定是出了什么问题,但即使在我看过很多粘性页脚教程之后,似乎也没有一本能解决这个问题,它只是“打断”了页脚,通常使页脚脱节。我仍然是html/php的初学者,因此非常感谢您的帮助,我非常想解决这个问题

我已将style.css和示例页面粘贴到JSFIDLE上:

尝试以下操作:

#footer {
    position:absolute;
    bottom:0px;
}

固定页脚上方分区的最小高度。我想它会起作用的

position:absolute;
bottom:0;
否则,将footer的position属性设置为绝对,将bottom设置为0。试试这个,希望它能奏效

position:absolute;
bottom:0;
将使你的页脚保持在底部。但是,您必须相应地对其余内容进行一些更改

看看这个例子:


我也在试图弄清这件事的真相。这是我的基本例子。在有响应的站点中,它变得更加复杂。。。但我要记住这是可能的。。。希望这会有所帮助?

我认为您需要使用
位置:fixed
尝试在正文中添加大量虚拟数据,以便滚动页面

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Some Page</title>
    <style type="text/css">
        #footer{
            position:fixed;
            bottom:0px;
            background-color: black;
            color:white;
        }
    </style>
</head>
<body>
    <h1>Some Page</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    <div id="footer">
        &copy; company name
    </div>
</body>
</html>

某页
#页脚{
位置:固定;
底部:0px;
背景色:黑色;
颜色:白色;
}
某页
Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少,
他在乌拉姆科实验室实习,并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中,两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
傲慢的人,必须为自己的行为负责

&抄袭;公司名称

我希望这会有所帮助

嗨,我很感谢你的建议,但是当我尝试添加许多StickyFooter教程中的代码时,我得到了这样的结果:然后添加在线图像路径,或者jst使用纯彩色,我只想看到你的HTML和css代码以及父div,不看图片我很感激你的建议,但我得到的结果与上面的评论差不多,或者当我尝试添加粘性页脚教程中的代码时:i50.tinypic.com/15ox8qr.pngRead和learning非常感谢,我会尝试一下。尽管我似乎需要增加最小高度,直到它将页脚向下推到页面底部但是,如果我让页面足够长,你必须向下滚动才能在另一个浏览器中看到它。我感觉到了你的痛苦。我不是一个初学者,这是一直困扰着我的事情之一。我最近花了很多时间试图把它解决好。。。试图找到它-是的,一开始它工作或似乎工作,现在在其他浏览器检查它好像从来没有'粘性',我改变的一切打破它。通过这个线程后,我现在很困惑。。。所以也许这不是你想要的。。。但这就是人们所说的“粘性”页脚。。。虽然。。。这似乎不是一个好名字…谢谢,不过我会看一看。如果我添加css,那么页脚会在页面底部浮动,而不是作为页面本身的一部分,您的代码可能与页脚的其余代码不兼容。谢谢你。