如何制作两个div顶部和底部

Question

我有这个菜单和一个滑块，但菜单位于幻灯片的顶部，它覆盖了一些图片。任何人都可以帮我准确地在菜单底部制作滑块。

Answer 1

在滑块前使用<div class="space"></div>并在css中为其指定height:50px;（与导航相同的高度。）

＆＃13;

＆＃13;

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;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;