Facebook-like header/Top bar

我一直在试图用一些CSS来撰写这个类似Facebook的顶栏（或者标题，我不知道）。我认为这很容易，而且，第一个结果确实是。Facebook-like header/Top bar

我已经设置了fixed位置的酒吧，其top和left属性设置为0，其padding设置为4px和它的伟大工程;就像我想要的一样。

但现在的问题是......内容如何？我可以简单地将它包裹在<div>内，并将其相对放置几个em s到其底部。但是，如果它超过浏览器的最大高度，是不是会隐藏内容的底部？此外，这可能会导致一些尺寸与某些浏览器不兼容（我讨厌IE）。

对不起，如果这已经被问到这里，我找不到这样的问题。更清楚的是，我不希望任何形式的“dinamically-updates”头文件 - 至少现在还没有。我想我可以用一些HTML5做到这一点。

这里的主要问题是：做这样的头部的最佳方式是什么？ position: fixed是真正的路要走吗？如果是这样，显示内容的最佳方式是什么？

TIA，安德烈

你应该明确你的意思是类似Facebook的。他们可能会改变他们的界面，使你的问题过时，除非你提到你想要达到的具体事情。 – Jacob 2012-08-02 02:16:06

好点。但我怎么能描述它呢？我认为“没有内容隐藏在内容底部的固定顶部栏”有点太大了。 – 2012-08-02 02:18:11

position:fixed会做。

简单地为您的内容顶部添加边距。（与您的标题的高度相同）。

因此，当您位于页面顶部时，您的标题将覆盖边距。当您向下滚动时，它将按预期行事。浏览器不会隐藏底部。

2012-08-02 02:18:29 Madushan

嗯。你的意思是，像一些JavaScript来获得标题的高度（因为我不会通过CSS来设置它），并将其设置为DOM Content Load上的内容的顶部边距？ – 2012-08-02 02:20:51

我期待您的标题高度是通过CSS静态设置的。随你便。但是你真的想要调整大小的标题吗？这对用户来说会不会有点尴尬？ – Madushan 2012-08-02 02:26:15

不是调整大小的标题。就是这样，我现在设计的方式，我没有静态设置高度。它的高度只是由字体的大小加上填充来创建的。 Javascript是一个简单的部分。只要问题超时，我就会将此答案计为已接受。谢谢。 – 2012-08-02 02:28:40

回答