Question

我遇到了一个奇怪的问题。我编写了两个页面，它们是标题（菜单）和滑块。为了居中，标题显示为表格，而滑块显示为块。

我遇到的问题是当我用php包含我的两个div（在分隔文件上）时，块div（滑块）出现在表div（菜单）的前面，如你所见：

http://test.brunotarhan.fr/home(2).php

代码：

<div id="bg">

<div id="menu">
<div class="table">
<ul>
  <li class="navitem"><a href="#">Portfolio</a>
  <ul>
      <li><a href="#">Logotypes</a></li>
      <li><a href="#">Mise en pages</a></li>
      <li><a href="#">Photographie</a></li>
      <li><a href="#">Autre...</a></li>
    </ul>
  </li>
  <li class="navitem"><a href="#">Projets</a>
  </li>
  <li id="logo"><a href="http://test.brunotarhan.fr/"><img src="http://test.brunotarhan.fr/img2015/LogoSite.png" width="268" height="190"></a></li>
  <li class="navitem"><a href="#">A propos</a></li>
  <li class="navitem"><a href="#">Contact</a></li>
</ul>
</div>
</div> <br>
<link rel="stylesheet" href="style2015.css" />

<div class="table" id="slider">
<ul>
      <li class="fg"></li>
      <li><a href="#"></a></li>
      <li class="fd"><a href="#"></a></li>

</ul>
</div></div>

Answer 1

#menu div的高度为30px。它里面的表有一个更大的高度，所以它溢出div，但这不会改变下面#slider div的垂直位置。所以#slider div与表的大部分重叠。

解决方案：不要将#menu的高度设为30px。

在表格div下面阻止div

1 个答案: