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

どこにいても消えていたいです。 –

これに 'min-width'が必要です。 – Blender