固定标题,可滚动的正文。怎么没有表?

时间:2012-01-20 21:21:31

标签: jquery html css css3

我想在我的网站上实现一个持久性标题,如果需要,可以滚动主体。有点像Facebook一样。

我看到很多关于表格的例子,所以我想知道是否有办法在没有表格的情况下这样做。

2 个答案:

答案 0 :(得分:4)

您只需将标题的位置设置为固定,如下所示:

#header{
    position:fixed;
    top:0; left:0;
    height:40px;
    width:100%;
    z-index:999;
}

这会使您的标题固定在页面顶部,并允许您滚动页面正文。

另外,忘记添加,根据标题的高度,您可能希望在启动内容时从顶部添加填充。这将确保在首次加载内容时,overlayppng标头不会覆盖您的内容。

答案 1 :(得分:1)

根本不需要表格。你可以通过使div 100%宽度和一些任意高度,然后做一个位置:固定为top和left都设置为0。

然后一定要用CSS下推其他内容,使其不在该标题下面。