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

Question

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

我只是希望它们能够正常显示：styles_layout.css列表应该显示项目符号，guest列表应该显示数字。

我已将其缩小到<=> ...;）

中的前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 ，以<=>

登录

Answer 1

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

* {
    margin: 0;
}

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

Answer 2

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

ul {
  margin-left: 40px
}

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

ul {
  padding-left: 40px
}

Eric Meyer在这里解释得更好： https://developer.mozilla.org/en/Consistent_List_Indentation 和<！>“部分找到一致性<！>”;会告诉你你做了什么。

Answer 3

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

Answer 4

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

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

.classname ul { list-style disc inside }

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