html - 如何卡住页面的标题

Question

我的网页模板是基于 div 标签的。我想卡住页眉部分(页眉、 Logo 等)，我的意思是当您滚动页面时页眉应该处于固定位置。

 <!--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; 属性。这是一个示例 fiddle : http://jsfiddle.net/austinbv/2KTFG/