Question

在IE7中，我在两个div之间有一些差距。

但在IE8中，没有差距。

如何在不使用conditional-CSS的情况下在两个浏览器中获得相同的差距？

<html>
  <style>
    #layout_wrapper {
      width: 100%;
      border: 0px solid red;
    }

    #div_wrapper{
      width: 100%;
      border: 0px solid blue;
    }

    #container_02{
      width: 100%;
      border: 0px solid red;
    }
  </style>

  <div id="layout_wrapper">
    <div id="div_wrapper">
      <div name="container_01"></div>
    </div>

    <div id="div_wrapper">
      <div name="container_02" id="container_02"></div>
    </div>
  </div>

</html>

Answer 1

IE7和IE8都支持相同的HTML，但CSS中存在一些根本区别。

看看这个link。它列出了IE7和IE8之间的一些常见实现差异。在同一问题上有类似的thread。

希望这有帮助。

干杯!!

Answer 2

通过将height属性添加到div_wrapper css类，我在IE-7和IE-8中都有相同的差距。

#div_wrapper{
  width: 100%;
  border: 0px solid blue;
  height: 175px;
}

浏览器相关UI问题

2 个答案: