Html 类似Facebook的标题/顶栏

Html 类似Facebook的标题/顶栏,html,css,Html,Css,我一直在尝试用一些CSS来构建这个类似facebook的顶部栏(或者标题,我不知道)。我认为这很容易,而且,第一个结果确实是 我已经用固定的位置设置了该条,其顶部和左侧属性设置为0。它的padding设置为4px,效果非常好;就像我想要的那样 但现在的问题是。。。内容如何?我可以简单地将它包装在一个中,并相对地将它放置在底部几个ems处。但是,如果内容超过浏览器的最大高度,它不会隐藏内容的底部吗?而且,这可能会导致某些浏览器的大小不兼容(我讨厌IE) 很抱歉,如果这里已经有人问过这个问题,我找不

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

我已经用
固定的
位置设置了该条,其
顶部
左侧
属性设置为0。它的
padding
设置为
4px
,效果非常好;就像我想要的那样

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

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

这里的主要问题是:这样做的最佳方式是什么?
位置:固定
是真正的方法吗?如果是这样的话,显示内容的最佳方式是什么


TIA,André

位置:固定
即可

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


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

你应该澄清你所说的类似Facebook的意思。他们可能会改变他们的界面,使你的问题变得过时,除非你提到你想要达到的具体目标。这一点很好。但我该如何描述它呢?我觉得“固定顶栏,内容底部没有隐藏内容”有点太大了。你的意思是,像一些Javascript来获取标题的高度(因为我不会通过CSS来设置它),并将其设置为DOM内容加载时内容的上边距?我希望您的标题高度是通过CSS静态设置的。这取决于你。但是你真的想要一个调整大小的标题吗?这对用户来说不是有点尴尬吗?不是一个真正的调整大小的标题。只是,按照我现在设计的方式,我没有静态设置高度。它的高度只是由字体大小加上填充来创建的。Javascript是一个简单的部分。问题一过,我就把这个答案算作已被接受。谢谢