Html IE6（及更早版本）中的Nowrap继承错误

我有一些任务要做一个旋转木马，它可以容纳几个没有定义宽度的元素。所以，最简单的方法是，通过CSS生成行中的所有元素，然后执行所有JS计算，等等。在（bug producer）IE6中进行测试之前，一切都进行得很顺利

以下是浏览器中发生的情况示例：

Safari（5.1.2）、Firefox（10.0.2）、Opera（11.62）

Internet Explorer（9.1）

Internet Explorer（6）（文本框中的文本）

调试栏关于LI，它忽略预设规则空白：正常-Internet Explorer 6

调试栏关于SPAN，它忽略了继承预设规则空白：正常-Internet Explorer 6

下面是HTML的示例：

<div class="carousel">
  <div class="box">
    <ul>
      <li>
        <span>Some text</span>
      </li>
      <li>
        <span>Some longer text</span>
      </li>
      <li>
        …
      </li>
    </ul>
  </div>
</div>

IE6及更早版本的方框校正：

div.carousel div.box ul li {
  display: inline;
  zoom: 1;
  }

在JSFIDLE中，请参见以下url:

答案似乎是我们最喜欢的怪癖模式。在“怪癖”模式下，IE无法识别

空白：正常

样式，但可以识别其他

空白

样式，因此存在级联问题

解决办法是阻止IE进入怪癖模式。这与在页面开头添加有效的Doctype一样简单

---

怪癖模式可能也会给您的页面带来其他布局问题，因此这一解决方案也会解决您可能遇到的其他问题。

欢迎来到IE6的精彩世界。（但说真的，你并不是真的担心比这更老的版本，是吗？？）当然不是，IE6是我的可能性的终结

div.carousel div.box ul li {
  display: inline;
  zoom: 1;
  }