gpt4 book ai didi

html - 高度可调的粘性页脚

转载 作者:行者123 更新时间:2023-11-28 03:41:59 25 4
gpt4 key购买 nike

我正在尝试在我的页面上添加一个粘性页脚,但与我之前看到的相比有所不同。

页脚的顶部始终保持在内容之后 50 像素的位置,并用绿色填充页脚的其余部分直到页面末尾。

您可以在 http://enviro2012.tapagecommunication.com 上查看示例

如果您点击页面底部 Facebook 插件中的“发送”按钮,问题会更好。

如果您需要更多信息,请告诉我! :)

谢谢!

最佳答案

我以前吃过这个。我尝试了各种方法,包括根据页脚的垂直位置检查窗口高度,然后将页脚高度设置为差值。它在大多数浏览器上的表现都还不错。

但是,最简单(且渲染速度最快)的解决方案是向页脚添加足够的底部填充以覆盖大多数窗口尺寸的间隙。假设您的内容总是会填满页面的大部分内容,那么几百个像素应该绰绰有余 – 并且在页面第一次加载时正确呈现。

关于html - 高度可调的粘性页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10196914/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com