Question

我在IE 7中对列表元素的缩进有一个非常问题。填充左边似乎没有任何影响。我的html在这里http://pastebin.com/0TXXN3AZ。（列表元素应该是左侧的简单导航。）css是

ul.navigation{
   width: 230px;
   padding-left:2px;
   display: block;
   float: left;
}

ul.navigation li{
   padding-left:2px;
   list-style: none;
}

ul.navigation li a{
   padding-left: 2px;
   display:inline-block;
}

ul.navigation li ul{
   padding-left:2px;
   list-style: none;
}

#content{
   margin-left: 260px;
   padding-right: 50px;
   font-size: 0.9em;
}

在其他浏览器中，所有内容都按预期显示。在IE 7中，打算将列表项扩展到内容区域。有什么想法吗？

先谢谢了，

安德烈亚斯

Answer 1

我建议您先使用YUI Reset CSS，为所有浏览器中的所有HTML元素规范化样式，然后根据需要安全地自定义元素。

如果您无法使用YUI重置CSS，问题可能是IE 7使用的是边距而不是填充ul / li元素。

因此，请在自定义之前添加此内容：

ul, li {
 margin: 0;
 padding: 0;
}

然后根据需要自定义ul / li元素。

<li> padding-left in ie 7 </li>

1 个答案: