0

我一直在尝试用一些 CSS 来组成这个类似于 facebook 的顶部栏(或标题,我不知道)。我认为这很容易,而且,第一个结果确实如此。

我已经为栏设置了一个fixed位置,它的topleft属性设置为 0。它padding设置为4px并且效果很好;正如我想要的那样。

但现在的问题是……内容呢?我可以简单地将它包裹在 a 中,并将其相对放置在底部<div>几s 处。em但是,如果超过浏览器的最大高度,它不会隐藏内容的底部吗?而且,这可能会导致某些浏览器的大小不兼容(我讨厌 IE)。

很抱歉,如果这里已经问过这个问题,我找不到这样的问题。更清楚地说,我不想要任何“动态更新”的标题——至少现在还没有。我想我可以用一些 HTML5 做到这一点。

这里的主要问题是:做这种标题的最佳方法是什么?是position: fixed真正的方法吗?如果是这样,显示内容的最佳方式是什么?

TIA,安德烈

4

1 回答 1

2

position:fixed会做。

简单地在内容顶部添加边距。(与标题的高度相同。)

因此,当您位于页面顶部时,您的页眉将覆盖页边距。当您向下滚动时,它将按预期运行。并且浏览器不会隐藏底部。

于 2012-08-02T02:18:29.283 回答