css - Fixed Position- CONTENT スライド BEHIND メニュー

Question

固定ヘッダーがあり、コンテンツがヘッダーの後ろにスライドします。コンテンツが後ろにスライドしないようにするにはどうすればよいですか。

物理的に言えば、コンテンツと固定メニューは紙切れ​​です。彼らは現在、あたかも異なる平面にいるかのように振る舞っています。どうすればそれらをテーブルの上にあるかのように「同じ平面」に置くことができますか。2 番目の用紙は 1 番目の用紙の下には入らないでください。

Answer 1

Try putting

Clear:both;

in the content div(the div sliding behind the header) If the header is fixed like you say, put the margin top on the content div to the height of the header. So to put this simply:

<div class='header'>

</div>
<div class='content'>

</div>

CSS

.header{
position:fixed;
width:100%;
height:100px;
}
.content{
margin-top:100px;
}