Question

我一直在抨击为什么MSIE8与浮动div不重叠，正如webkit和Mozilla一样。我希望你们能帮我解决这个问题。

我有以下代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="style" href="style.css" type="text/css" />
  </head>
  <body style="margin: 0px; background: #3b0404;">
      <div align="center">
          <div id="top" style="height: 100px; background: yellow; width: 100%;max-height: 100px; ">
              <div style="overflow: visible; width: 800px; height: 100px; max-height: 100px; background: aquamarine;">
                <div id="logo" style="float: left; margin-left: -3px; width: 203px; height: 201px; background: pink; overflow: visible;"></div>
                <div id="menu" style="float: right; width: 595px; height: 100px; background: blue;"></div>
              </div>
          </div>
          <div id="content" style="width: 800px; margin-left: auto; margin-right: auto;">
              <div style="background: purple; height: 215px;"></div>
              <div style="background: green; height: 350px;"></div>
          </div>
          <div id="bottom"></div>
      </div>
  </body>
</html>

我需要粉色div与紫色的一个重叠，同时保持尺寸，但是MSIE8不断扩展包含的div，因此它会将所有内容推下来而不是所需的行为。

我希望我的问题很清楚，我不知道我做错了什么，应该采取不同的方法。

感谢您的帮助!!

Answer 1

这是过渡性DOCTYPE ..它在JSFiddle看起来很好，因为它添加了严格的dtd。

感谢大家的时间。

浮动div重叠msie

1 个答案: