如何将页脚粘贴到具有固定页眉的页面底部？

如何将页脚放置在具有固定页眉的页面底部

为了将页脚放置在底部页面的页眉虽然也有固定的页眉，但有必要采用一种不依赖于“位置：固定”的方法，该方法会将页脚相对于

利用 Ryan Fait 的方法>

Ryan Fait 的方法对于页眉和页脚都是固定的场景来说简单而有效heights:

1. 设置两个 的高度和<主体>元素设置为 100%。
2. 将 #content 元素的最小高度设置为 100%，以将 #footer 推向页面下方。
3. 在 #content 上使用负 margin-bottom 来拉动页脚到底部。
4. 调整页脚相对于 #content 的位置，以确保它出现在顶部。
5. 在 #content 上添加间隔或使用 padding-bottom 和 box-sizing 来管理多余的内容并防止其与页脚重叠。

合并标题

如果标题应保留在其正常流程中，只需将其添加到#content 中即可。要绝对定位，您可以使用 spacer 或 padding-top 和 box-sizing 的组合。

兼容的浏览器和替代方案

现代浏览器支持 box -sizing：边框。为了获得更广泛的浏览器支持，请考虑使用间隔元素。

以上是如何将页脚粘贴到具有固定页眉的页面底部？的详细内容。更多信息请关注PHP中文网其他相关文章！