css - 顶部导航列表项边距错误

Question

我正在制作一个网站的顶部导航。菜单存在边距错误。

我已经为列表项定义了 margin/padding : 0 以及 display: inline-block。

查看演示:http://tinkerbin.com/495Qb956

基本上我想从列表项中删除左/右边距，并知道为什么会有这个边距。

Answer 1

默认情况下 display:inline-block 从左边取边距。像这样写:

.top-right ul {
    background:black;
    height:43px;
    font-size:0;
}
.top-right ul li {
    display:inline-block;
    border:1px solid red;
        margin:0;
        padding:0;
        font-size:13px;
}

检查这个http://tinkerbin.com/YWeV7osy