navbarの操作方法を修正しましたか？

Question

私は私のナビゲーションバーが固定やろうとしているが、それは私がCSSにposition:fixedを追加するとき

.grid__header { 
position:fixed; 
min-height: 164px; 
height: 164px; 
width:100%; 
display: -webkit-flex; 
display: flex; 
background: transparent; 
-webkit-flex-direction: row; 
-ms-flex-direction: row; 
flex-direction: row; 
-webkit-justify-content: space-between; /* Safari 6.1+ */ 
justify-content: space-between; 
} 

左コンテナクラスが.grid__header wihin動作しませんが流れます。それを修正するには？

Codepen code

Answer 1

あなたは、それはそれの中心にするために、左に移動しますposition:fixedを追加leftとtopからそのpostionを指定する必要がPosition.grid__header

position:fixed; left:0; right:0;

Answer 2

に次のCSSを追加します。

.grid__header { 
 
    position:fixed; 
 
    left:0; right:0; 
 
    min-height: 164px; 
 
    height: 164px; 
 
    width:100%; 
 
    display: -webkit-flex; 
 
    display: flex; 
 
    /* background: transparent; */ 
 
    
 
    background:#ccc; 
 
    -webkit-flex-direction: row; 
 
    -ms-flex-direction: row; 
 
    flex-direction: row; 
 
    -webkit-justify-content: space-between; /* Safari 6.1+ */ 
 
    justify-content: space-between; 
 
    } 
 
/*##setting height just for display##*/ 
 
body{height:1500px;margin:0;padding:0;}

<header class="grid__header"></header>