如何冻结页面标题

Question

我的网页模板基于div标签。我想冻结页眉部分（页眉，徽标等），我的意思是当您滚动页面时，页眉应位于固定位置。

 <!--Header and Logo -->
 <div id="outer">
 <div id="header">
   <h1><a href="#">Some Application</a></h1>
   <img src="/media/images/logo.gif"  height="95" width="190">
 </div>

这是我的CSS

#outer
{

}
/* Header */
#header
 {
height: 95px;
background-image: url();
background-repeat:no-repeat;
background-position: bottom left;
padding-left: 20px;
padding-top: 15px;
padding-bottom: 15px;
}

有人可以帮我吗？谢谢

Answer 1

尝试使用position: fixed;属性。这是一个小提琴示例：http://jsfiddle.net/austinbv/2KTFG/

Answer 2

您想要position: fixed。

Answer 3

一个漂亮的CSS属性：

Answer 4

冻结标题顶部（具有正确的标题宽度和对齐方式）