브라우저를 새로 고침하면 탐색 막대가 장소를 변경합니다. 왜?

브라우저를 새로 고침하면 탐색 표시 줄이 바뀝니다. 왜 이런 일이 발생합니까? 오류는 어디에 있습니까?브라우저를 새로 고침하면 탐색 막대가 장소를 변경합니다. 왜?

문제점을 감지 할 수 없습니다. 나는 많은 CSS 스타일을 추가로 작성했다고 생각합니다. 그렇지? 이 문제를 해결할 수 있도록 도와주세요.

HTML

<body> 
    <header> 
     <div class="con_header"> 
      <h1> SITE NAME</h1> 
      <nav> 
       <ul> 
        <li class="chosen"><a href="">HOME</a></li> 
        <li><a href="">ABOUT</a></li> 
        <li><a href="">SERVICES</a></li> 
        <li><a href="">PORTFOLIO</a></li> 
        <li><a href="">CONTACTS</a></li> 
       </ul> 
      </nav> 
     </div> 
    </header> 
</body>

CSS :

header { 
    background-color: #202628; 
    height: 80px; 
    color: #e7e7e7; 
    font-family: 'Roboto Condensed', sans-serif; 
} 
.con_header{ 
    width:1170px; 
    margin: 0 auto; 
} 
.con_header h1{ 
    float: left; 
} 
.con_header nav{ 
    float: right; 
} 
.con_header::after{ 
    content:''; 
    display:block; 
    clear: both; 
} 

.con_header ul{ 
    margin-top:26px; 
} 
.con_header li{ 
    display: inline; 

} 
.con_header li a{ 
    color: #e7e7e7; 
    text-align: center; 
    text-decoration: none; 
    padding: 33px 10px 33px 10px; 
    margin: -4px; 
} 
.con_header li a:hover{ 
    color: #e7e7e7; 
    background-color: #e84c3d; 
    text-align: center; 
    text-decoration: none; 
    padding: 33px 10px 33px 10px; 
    margin: -4px; 
} 
.chosen{ 
    color: #e7e7e7; 
    background-color: #e84c3d; 
    text-align: center; 
    text-decoration: none; 
    padding: 33px 15px 33px 15px; 
    margin: -4px; 
}

바이올린 : http://jsfiddle.net/jo45sdob/

출처

2014-12-10 marjo

이 이상한 행동을 한 브라우저는 무엇입니까? Chrome에서 내 것을 재현 할 수 없었습니다. –

모든 브라우저가 서로 다른 이상한 동작을 보이고 있습니다. – marjo

html보다 스타일을로드하려고합니까? 나는 확실하지 않다. 단지 생각. – aahhaa

이 같은 리튬 태그 사이의 공간을 주석 시도 :

<ul> 
       <li class="chosen"><a href="">HOME</a></li><!-- 
       --><li><a href="">ABOUT</a></li><!-- 
       --><li><a href="">SERVICES</a></li><!-- 
       --><li><a href="">PORTFOLIO</a></li><!-- 
       --><li><a href="">CONTACTS</a></li> 
</ul>

내가 무슨 문제인지 이해하면 ..

출처

2014-12-10 15:43:49 qazser

다음에 문제가 보일 것입니다. – marjo

브라우저를 새로 고침하면 탐색 막대가 장소를 변경합니다. 왜?

답변

관련 문제