为什么我的ul和ol列表在IE7中无法正常显示？

Question

似乎在IE7中打破了列表（ul和ol）的显示。它们在IE8，FF，Safari等中运行良好，但不适用于IE7和IE6。

我只是希望它们能够正常显示：ul列表应显示项目符号，ol列表应显示数字。

我已将其缩小到styles_layout.css中的前1000行代码......;）

实际上，我认为它与以下样式有关：

* { margin: 0; } 

html, body { height: 100%; } 

.wrapper 
{ 
  min-height: 100%; 
  height: auto !important; 
  height: 100%; 
  margin: 0 auto -39px; 
} 

在这里查看：http://www.olvarwood.com.au/olvarwoodonline/mod/forum/discuss.php?d=2，以guest

登录

Answer 1

IE7及以下样式ul元素如下：

ul {
  margin-left: 40px
}

好的浏览器样式ul元素如下：

ul {
  padding-left: 40px
}

Eric Meyer在这里解释得更好： https://developer.mozilla.org/en/Consistent_List_Indentation “查找一致性”部分将告诉您您的工作。

Answer 2

这是因为ul / li元素继承了零边距属性。

Answer 3

我通过反复试验解决了这个问题：

* {
    margin: 0;
}

这可以阻止Ol和Ul在IE7和IE6中正常显示。我不知道为什么......

Answer 4

我甚至不会假装自己是css的专家，我总是被我的屁股踢了，但我碰巧碰到了这个，虽然我的情况有点不同。

我最终必须指定一个绑定到ul的类并设置list-type。

.classname ul { list-style disc inside }

尝试一下，看看它是否有帮助。