Question

你知道为什么我不能从我的<li>元素中删除边距吗？浏览器总是为我的列表添加特定的边距，即使我将代码写入特定的边距。这是CSS和HTML代码：

#NavLeftList {
    height: 57 % ;
    width: 15 % ;
    position: absolute;
    top: 23 % ;
    border-style: none;
    background: url(images / heaven.jpg);
    margin: 0px
}

#NavLeftList ul {
    margin-left: 11 % ;
}

#NavLeftList ul li {
    text-align: center;
    width: 170px;
    list-style-type: none;
    text-decoration: none;
    margin: 10px 0px 0px 0px;
    padding: 1px;
}

#NavLeftList li a {
    height: 35px;
    padding: 10px 0px 0px 0px;
    text-decoration: none;
    color: #fff;
    background: url(images / tabright.gif);
    display: block
}

#NavLeftList li a span {
    padding: 0px
}

#NavLeftList li a: hover {
    color: #7EC0EE;
}

我没有在这里粘贴HTML代码，因为它看起来很奇怪。

Answer 1

您所看到的不是li上的余量，而是ul上的填充。

将ul的填充清零。

Answer 2

在list-style-position:inside;上尝试li。即使你设置了list-style-type:none;

，它也可能会留下由子弹填充的空间

Answer 3

尝试设置

body{margin: 0;}

或找到NavLeftList的包含元素，并将该元素的边距设置为0.

Answer 4

尝试使用CSS获取UL

ul { list-style: none; }

Answer 5

尝试使用reset.css文件，该文件将重置不同浏览器中填充和边距的所有“默认”（以及不同的）实现。

示例：CSS Reset

我无法用<li> </li>删除保证金

5 个答案: