我一直在尝试用一些 CSS 编写这个类似 facebook 的顶部栏(或标题，我不知道)。我认为这很容易，而且，第一个结果确实如此。
我用 fixed 设定了标准位置，其 top和 left属性设置为 0。它的 padding设置为 4px效果很好；正如我所愿。
但现在的问题是……内容呢？我可以简单地将它包裹在 <div> 中并相对定位几个em到它的底部。但是，如果它超过浏览器的最大高度，它不会隐藏内容的底部吗？而且，这可能会导致与某些 浏览器(我讨厌 IE)的尺寸不兼容。
如果这里已经有人问过，我很抱歉，我找不到这样的问题。更明确地说，我不想要任何有点“动态更新”的 header ——至少现在不想要。而且我认为我可以使用一些 HTML5 来做到这一点。
这里的主要问题是:制作此类 header 的最佳方式是什么？是 position: fixed真正的路要走？如果是这样，显示内容的最佳方式是什么？
TIA，安德烈
最佳答案
position:fixed 就可以了。
简单地在您的内容顶部添加边距。 (与标题的高度相同。)
因此，当您位于页面顶部时，您的页眉将覆盖边距。当您向下滚动时，它将按预期运行。并且浏览器不会隐藏底部。
关于html - 类似 Facebook 的标题/顶栏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11770109/