2016-11-23 1 views
-4

내 navbar가 수정되지 않은 이유는 무엇입니까? 나는 아래로 내려갈 때 왜 내려 오지 않는지를 의미합니까? 왜 navbar가 수정되지 않았습니까?

코드입니다 :

nav { 
 
    height: 40px; 
 
    width: 100%; 
 
    background: #455868; 
 
    font-size: 11pt; 
 
    font-family: 'PT Sans', Arial, sans-serif; 
 
    font-weight: bold; 
 
    position: relative; 
 
    border-bottom: 2px solid #283744; 
 
} 
 
nav ul { 
 
    padding: 0; 
 
    margin: 0 auto; 
 
    width: 600px; 
 
    height: 40px; 
 
}
<nav class="clearfix"> 
 
    <a href="#" id="pull">Menu</a> 
 
    <ul class="clearfix"> 
 
    <li><a href="#">Home</a></li> 
 
    <li><a href="#">How-to</a></li> 
 
    <li><a href="#">Icons</a></li> 
 
    <li><a href="#">Design</a></li> 
 
    <li><a href="#">Web 2.0</a></li> 
 
    <li><a href="#">Tools</a></li> 
 
    </ul> 
 
</nav>

+1

여기에 고정 된 위치가 없습니다 .... 그래서 – DaniP

답변

1

는이 희망 :) 시도 당신에게 도움이 될 것입니다

nav { 
    height: 40px; 
    width: 100%; 
    background: #455868; 
    font-size: 11pt; 
    font-family: 'PT Sans', Arial, sans-serif; 
    font-weight: bold; 
    position: fixed; 
    border-bottom: 2px solid #283744; 
} 
0

가 당신의 CSS를 변경

position: fixed; 

전체 코드 :

nav { 
    height: 40px; 
    width: 100%; 
    background: #455868; 
    font-size: 11pt; 
    font-family: 'PT Sans', Arial, sans-serif; 
    font-weight: bold; 
    position: fixed; 
    border-bottom: 2px solid #283744; 
} 
nav ul { 
    padding: 0; 
    margin: 0 auto; 
    width: 600px; 
    height: 40px; 
} 
+0

ty 대단히! 나는 너무 바보 같았다. 나는 그것을 보지 못했다. 또한 막대의 여백을 0으로 설정하려면 "top : 0;"을 입력해야합니다. – MrAndrew