2つのdivを上下に作る方法

Question

私はこのメニューとスライダを持っていますが、メニューはスライドの上にあり、ピクチャの一部をカバーしています。メニューの下部にあるスライダー正確に。

Answer 1

（ナビゲーションと同じ高さ。）スライダーの前に<div class="space"></div>を使用し、それをCSSでheight:50px;を与える

body {margin: 0; padding:0;} 
 
ul { 
 
    background: #000; 
 
    color:#fff; 
 
    line-height:50px; 
 
    margin:0; 
 
    padding:0; 
 
    position: fixed; 
 
    width:100%; 
 
} 
 
ul li { 
 
    display:inline-block; 
 
} 
 
.space { 
 
height:50px; 
 

 
} 
 
.slider { 
 
    background:red; 
 
    height:350px; 
 
    width:600px; 
 
    margin:0; 
 
}

<ul> 
 
    <li>Home</li> 
 
    <li>About</li> 
 
    <li>Contact</li> 
 
</ul> 
 
<div class="space"></div> 
 
<div class="slider"> 
 
</div>