페이지 머리글 고정 방법

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; 
}