divs가 푸시되었습니다.

안녕하세요, 저는 웹 사이트를 만들고 있지만 창문을 벗어날 때 내 div 태그가 아래로 밀려 나고 있습니다. 예를 들어 여기 내 탐색이 있습니다. divs가 푸시되었습니다.

enter image description here

그때 나는이 작업을 수행 브라우저 창을 작게 만들 때.

enter image description here

이

탐색과 함께 할 수있는 속성입니다.

.navigation_container { 
margin: 0; 
padding: 0; 
position: relative; 
padding-top: 30px; 
} 

.navigation { 
height: 40px; 
color: #FFFFFF; 
font-size: 15px; 
list-style: none; 
} 

.link { 
height: 10px; 
float: left; 
position: relative; 
margin-top: 15px; 
margin-left: 15px; 
text-decoration: none; 
} 

.link_a { 
text-decoration: none; 
padding: 10px; 
}

내 HTML 코드는 원하는 사람들을 위해 작성되었습니다.

   <div class="navigation_container"> 
        <div class="navigation"> 
         <li class="link"><a class="link_a current" href="">Home</a></li> 
         <li class="link"><a class="link_a" href="">Features</a></li> 
         <li class="link"><a class="link_a" href="">Contact</a></li> 
         <li class="link"><a class="link_a" href="">Link1</a></li> 
         <li class="link"><a class="link_a" href="">Link2</a></li> 
        </div> 
       </div>

왜 이런 일이 발생했는지에 대한 도움이 필요합니다.

감사합니다.

출처

2012-01-28 Duncan Palmer

원하는 것을 원하십니까? 이것이 기본 동작입니다. – Blender

나는 그것이있는 곳이나 사라져야한다. –

그러면 '최소 너비'가 필요합니다. – Blender