css - list-style-none + background-image = margin 不起作用？

Question

我正在设计一个列表的样式，需要精确地设置边距以使其看起来不错。但我正在使用 list-style-none和一个 background-image对于每个 <li>元素，它似乎使 margin属性完全没用哦

好了，废话不多说，举个例子:http://symael.servhome.org/buglist.html

问题很明显:每个 <ul> 的填充和边距都相同在页面上但在“树”div 中有 <li> 的样式元素。它似乎激活了默认 margin 或某种程度上...

有人知道怎么解决这个问题吗？目的是在顶部的文件夹下面有“+”或“-”……是的，就这么简单:p

Answer 1

这与 margin 无关。 li 的填充将其子级推到更右边。你应该减少填充:

#tree li {
    padding-left: 18px;
}
#tree li a {
    padding-left: 20px;
}