絶対配置されたdivを最大幅で中心に設定する

Question

私はウェブデザインには新しく、慣れてしまうまではほとんど簡単なものでも少し助けが必要です。今私の問題：

私は絶対配置されたdiv（実際には私のヘッダーになるだろう）、それはギャラリーをオーバーレイします。今私はこれを水平にセンタリングし、応答性がある（最大幅を持つ）ようにします。私はまだCSSに慣れていないので、私はいくつかの奇妙な動作を取得します。

header { 
    position: absolute; 
    width: 100%; 
    max-width: 1000px; 
    /*put padding or margin here*/ 

    font-size: 0px; 
    top: 0; 
    z-index: 10; 
} 

私が理解する限り：私は親の幅を継承しています。しかし、今では、余白や余白を左右に追加すると、幅が親の幅を超えてしまいます（つまり、ヘッダのcotnentが右にオーバーフローし、縦スクロールバーが表示されます）。私がしたい行動を取るために、私は何をすべきですか？事前に

おかげで、

ユグドラシル

Answer 1

最も単純な方法は、内絶対コンテナヘッダをラップすることです。このような

div { 
 
    position:absolute; 
 
    width:100%; 
 
    left:0; 
 
    } 
 
header { 
 
    max-width:1000px; 
 
    margin:auto; 
 
    background:tomato; 
 
    }

<div><header>header, run me in full page mode</header></div>