css导航栏不延长t

Question

我的css导航栏未延伸到页面末尾。我在每个菜单链接周围都有一个方框，但我希望这种颜色可以扩展到另外700px，这样它就不仅仅是空白区域了。

这是我的HTML

 <ul id="button">
    <li><a href="#">Home</a></li>
    <li><a href="#">Contact </a></li>
    <li><a href="#">Resum&eacute;</a></li>
    <li><a href="#">Help</a></li>
 </ul>

这是我的css

#button {
    padding: 0px;
}
#button li {
    display: inline;

}
#button li a {
    font-family: Arial;
    font-size:14px;
    text-decoration: none;
    float:left;
    padding: 10px;
    background-color: #4169E1;
    color: #fff;

    }
#button li a:hover {
    background-color: #E30800;
    margin-top:-2px;
    padding-bottom:12px;
}

Answer 1

请使用此

#button {padding: 0px;float:left;width:100%}

Answer 2

为你的css添加一个height属性。最小高度也可能有所帮助。使用％代替像素将使其更流畅，更好。