Html 类似Facebook的标题/顶栏
我一直在尝试用一些CSS来构建这个类似facebook的顶部栏(或者标题,我不知道)。我认为这很容易,而且,第一个结果确实是 我已经用Html 类似Facebook的标题/顶栏,html,css,Html,Css,我一直在尝试用一些CSS来构建这个类似facebook的顶部栏(或者标题,我不知道)。我认为这很容易,而且,第一个结果确实是 我已经用固定的位置设置了该条,其顶部和左侧属性设置为0。它的padding设置为4px,效果非常好;就像我想要的那样 但现在的问题是。。。内容如何?我可以简单地将它包装在一个中,并相对地将它放置在底部几个ems处。但是,如果内容超过浏览器的最大高度,它不会隐藏内容的底部吗?而且,这可能会导致某些浏览器的大小不兼容(我讨厌IE) 很抱歉,如果这里已经有人问过这个问题,我找不
固定的位置设置了该条,其顶部
和左侧
属性设置为0。它的padding
设置为4px
,效果非常好;就像我想要的那样
但现在的问题是。。。内容如何?我可以简单地将它包装在一个
中,并相对地将它放置在底部几个em
s处。但是,如果内容超过浏览器的最大高度,它不会隐藏内容的底部吗?而且,这可能会导致某些浏览器的大小不兼容(我讨厌IE)
很抱歉,如果这里已经有人问过这个问题,我找不到这样的问题。更清楚的是,我不希望任何类型的“动态更新”标题——至少现在还不希望。我想我可以用一些HTML5来做到这一点
这里的主要问题是:这样做的最佳方式是什么?位置:固定
是真正的方法吗?如果是这样的话,显示内容的最佳方式是什么
TIA,André位置:固定
即可
简单地在内容顶部添加边距。(与收割台的高度相同。)
因此,当您位于页面顶部时,页眉将覆盖页边空白。当您向下滚动时,它将按预期运行。而且浏览器不会隐藏底部。你应该澄清你所说的类似Facebook的意思。他们可能会改变他们的界面,使你的问题变得过时,除非你提到你想要达到的具体目标。这一点很好。但我该如何描述它呢?我觉得“固定顶栏,内容底部没有隐藏内容”有点太大了。你的意思是,像一些Javascript来获取标题的高度(因为我不会通过CSS来设置它),并将其设置为DOM内容加载时内容的上边距?我希望您的标题高度是通过CSS静态设置的。这取决于你。但是你真的想要一个调整大小的标题吗?这对用户来说不是有点尴尬吗?不是一个真正的调整大小的标题。只是,按照我现在设计的方式,我没有静态设置高度。它的高度只是由字体大小加上填充来创建的。Javascript是一个简单的部分。问题一过,我就把这个答案算作已被接受。谢谢