컨테이너 너비가 고정 된 너비

Question

내 웹 사이트 컨테이너의 너비는 95 %입니다. 내 컨테이너의 전체 너비에 걸쳐있는 탐색을 만들려고합니다. 내가 'position : fixed;'를 추가 할 때까지 제대로 작동합니다. 네비게이션으로 이동하면 컨테이너를 무시하고 컨테이너 외부로 유출됩니다.

아래는 내 CSS 코드이며 사진에 대한 링크입니다.

#page { 
width: 95%; 
max-width: 1440px; 
height: auto; 
margin-left: auto; 
margin-right: auto; 
border: solid 1px #000; 
} 

.nav { 
width: 100%; 
background-color: fuchsia; 
height: 50px; 
    position: fixed; 
} 

.nav ul { 
list-style: none; 

} 

.nav ul li { 
float: left; 
display: block; 
padding: 5px; 
background-color: fuchsia; 
line-height: 40px; 
} 

문제의 이미지 ... 어떤 도움 http://i.imgur.com/pZEbe.png

감사합니다! 대단히 감사합니다!

Answer 1

position:fixed은 탐색을 상위 div 또는 요소에서 벗어나게합니다.

탐색 요소에이 같은 추가 :

.nav 
{ 
    width:95%;  /*dont give width as 100% */ 
    margin:0 auto; /* for center alignment purpose */ 
    background-color: fuchsia; 
    height: 50px;  
    position: fixed; 
}