位置私は、このような画面上に常にメインメニューでWebページを構築するだろう

Question

画面解像度に従わないこのより我々は、画像の上に、このような表示ができ1300pxし、画面の解像度に問題がありません

。

私たちはこれがのコードである

下の画像で表示できるようナビゲーションバーがbroswerの解像度に従っていないデバイスの解像度を変更するためにはbroswerのサイズを変更してみてください私のページ：

<style> 
    .container{ 
     background-color: red; 
     max-width: 1300px; 
     /*allienamento div principale a centro*/ 
     margin:0 auto; 
     width: 100%; 
     height: 5500px; 
    } 
    .logo{ 
     background-color: #00387C; 
     width:220px; 
     height: 200px; 
     z-index: 2; 
     position: fixed; 
     padding-left: 20px; 
    } 
    nav.mainmenu{ 
     width: 100%; 
     height: 160px; 
     position: fixed; 
     top:0; 
     padding: 0; 
     z-index: 1; 
     max-width: 1300px; 
     margin:0 auto; 
     background-color: #ffedb3; 
     border-bottom-color: silver; 
     border-bottom-style: ridge; 
     border-bottom-width: thin; 
     box-shadow: 0px 5px 5px rgba(0,0,0,.1); 
     padding-right: 1px; 
     margin-right: 1px; 
    } 
</style> 
<div class="container"> 
    <div class="logo"> 

    </div> 
    <nav class="mainmenu"> 

    </nav> 
</div> 

Answer 1

適用するCSSルール

html{ margin:0px; padding:0px;} 
body{ margin:0px; padding:0px;} 

Answer 2

があなたのnav.mainmenuにleft: 0を追加してみてください。