0

我在底部构建了一个 CSS 导航栏。由于某种原因，左侧有这个小缓冲区，似乎没有什么可以消除它。这会阻止我的链接正确居中。

我试过padding-left: -10px了，但它不会向左移动，即使padding-left: 10px它向右移动也是如此。

body {
    padding: 0;
    margin: 0;
}
    html, body, #map {
    height: 100%;
        }

footer {
    position: fixed;
    bottom: 0; 
    left: 0;
    height: 35px;
    width: 100%;
    font-size: 12px;
    background-color: black;
    padding-bottom: 25px;
    padding-left: 0;
    list-style-type: none;
    text-decoration: none;
    text-align:center;
    letter-spacing:2px;
    float: none;
}

ul li {
    display: inline;
    background:url('images/sep.svg') no-repeat top left;
     padding-left: 10px
}

a {
    text-decoration: none;
    list-style-type: none;
    color: #DFC184;
    a:visited: blue;
}

http://jsfiddle.net/EHXxS/ http://jsfiddle.net/EHXxS/embedded/result/

4

1 回答 1

0 
#nav {
    padding:0;
}

似乎修复它。jsFiddle 示例

于 2013-05-16T20:52:18.533 回答