如何製作兩個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>