gpt4 book ai didi

html - 持久性页眉和页脚

转载 作者:太空宇宙 更新时间:2023-11-03 20:23:22 25 4
gpt4 key购买 nike

我有两个宽度为 100% 的 div。我希望一个始终位于所有内容的顶部,而我希望第二个始终位于所有内容的底部。我怎样才能做到这一点?最好使用纯 CSS,但如果需要,我会尝试 jQuery/JS 解决方案。

我尝试使用 include("header.php") 添加 header ; header.php 只包含 header 的 HTML 代码。但是,它不起作用,但是将确切的代码放在 include 的位置就可以了。我该如何解决这个问题?

最佳答案

您可以从 position:fixed 开始并定义 top 和 left 属性或 bottom 和 left 属性。

查看 CSS sticky footer当你在它的时候(不推荐使用的链接)。


CSS 中引入了新的粘性定位。粘性定位的元素被视为相对定位的,直到它超过指定的阈值,此时它被视为固定的,直到它到达其父元素的边界。使用固定和粘性定位,您可以实现始终位于其他所有内容之上的页眉和页脚。

粘性定位可能不适用于最终用户可能使用的所有浏览器版本。要在旧版浏览器中实现粘性页脚,请检查 How to make a sticky footer using CSS?

关于html - 持久性页眉和页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4989018/

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