如何冻结页面标题

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属性：

#outer { 
    position: fixed; 
}