CSS 粘性页脚,页眉在页面换行之外

标签 css html header sticky-footer

<分区>

所有粘性页脚都要求您将除页脚之外的所有内容都放在换行中。我有一种情况,标题必须位于页面换行之外:

<div id="header">...</div>
<div id="page-wrap">...</div>
<div id="footer">...</div>

有人知道在这种情况下 CSS 的附录是什么吗?

最佳答案

像下面这样的东西行不通吗?

<div id="page-wrap">
  <div id="header">Header stuff</div>
  <div id="contents">Actual page innards</div>
</div>
<div id="footer">Footer text</div>

您没有提供太多细节,但我猜您希望某种格式不适用于#header。解决方案是将该格式放在#contents 上,而不是#page-wrap。事实上,不要在 #page-wrap 上放置任何格式,除非需要将页脚向下推。

关于CSS 粘性页脚,页眉在页面换行之外,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1441641/

相关文章:

javascript - TETRIS html5 GAME代码检查

html - 嵌套的 Flexbox 在 IE11 中中断

JavaScript 使下拉框更改网页图像

javascript - 如何将所有 div 相互交换

javascript - JS 在窗口调整大小时中断

java - 如何删除标题 View ?或者修复这个异常: "Cannot add header view to list - setAdapter has already been called"

html - 根据屏幕大小动态换行文本?

javascript - jQuery 选择器选择每个字母的第一个元素

http - 通过 header 检查计算机是否被黑客入侵

email - 电子邮件 header 是否区分大小写?