html - 菜单固定 li 宽度 100%

Question

我在页面顶部固定了一个菜单。我的问题是 li。它没有达到 100% 的宽度。第一个 li( Logo )和第二个 li(登录)文本留有空白，但不在我的页面中。

我的菜单有什么问题？

https://jsfiddle.net/c96742fu/

CSS

#menu {
 display:table;
 background-color: #000;
 position:fixed;
 width:100%;
 top:0;
 margin:0;
 color: #fff;
 text-align: center;
 height:45px;
 z-index:100;
 box-shadow: 0px 0px 1px 1px #999;
}
#menu a:link, #menu a:visited, #menu a:hover{
 color: #fff;
}
#menu ul{
 width:100%;
 list-style-type: none;
}
#menu li{
 text-align:left;
 display: table-cell;
 width:50%;
 border:1px solid yellow;
}
.right{
 text-align:right !important;
}

HTML

<ul id=menu>
<li><a href=/index.php>LOGO</a></li>
<li class=right>login</li>
</ul>

Answer 1

<ul> 有一个默认的填充.试试这个来修复它:

#menu {padding: 0;}

fiddle :https://jsfiddle.net/c96742fu/1/

为了获得更好的结果，请尝试按照大家所说的添加通用重置:

* {margin: 0; padding: 0; list-style: none;}