菜单与身体重叠

Question

我面临的问题是我的顶级菜单与身体重叠。当实际菜单必须放在身体上方。 我已经尝试了display: block;，但没有帮助

你能看一下吗？

这是我的 Demo

Answer 1

您是否为整个页面创建了容器div？然后有一个背景div和一个单独的菜单div？

<div id="page_container">
 <div id="background"> Background code
  <div id="menu">Menu code
  </div>
  <div id="body_content">Content in body code
  </div>
 </div>
</div>

Answer 2

好的，试试这个。给菜单div

style="display:table;"

并希望它能解决您的问题。在它没有为div本身假设任何空间之前，但仅限于内容，主div从顶部占据空间。

这是fiddle。我给了内联css。但我建议为菜单定义一个类并将css放在那里。