固定位置（ヘッダー）...次のすべてのセクションを位置で修正する必要がありますか？

Question

HTML5/CSS3
より良く理解コーディングのための質問、初心者

私はportviewのトップに私のヘッダーを修正しました。それは完璧に働いていましたが、今から私はのすべてのセクション/ divを修正してを画面上の位置に持っていなければなりません。
の位置：固定/絶対が要素をフローから取り除くため、この動作は私にとって意味があります。
... 通常のフローに戻る方法はありますか？ですから、すべての要素に位置を伝える必要はありません。それは事実です、私はすぐにの位置を使用します：固定/絶対、私はすべての次のコンテンツ/セクション/ divを修正する必要がありますか？
このような状況にどう対処しますか？
あなたが親に応じて絶対位置することができますこれは私にとって大きな問題ではありませんが、それは私のコードを吹くと、それは不要ではないugly.Ifそれはより多くの、私はそれをaviodしたいと思います...

Answer 1

相対的な位置。

<div style="position:relative;background:#ccc;width:400px;height:400px;"> 
    <div   style="position:absolute;left:80px;top:50px;width:200px;height:200px;background:#000 "> 

    </div> 
</div> 

位置はウィンドウページに従って固定され、要素はウィンドウのページで固定されます。

<div style="position:fixed;left:200px;top:200px;background:#000;width:200px;height:200px;"> 
</div> 

Answer 2

別のdivで固定divを使用し、2番目のプロパティで固定のdivを使用します。overflow：hidden;

<div class="parent_fixed_div"> 
     <div class="fixed_div"> 

     </div> 
    </div> 

CSSコード：

.parent_fixed_div{ 
     overflow:hidden; 
    } 
    .fixed_div{ 
     position:fixed; 
    }