2013-07-19 97 views
0

我的css導航欄不會延伸到頁面末尾。我在每個菜單鏈接附近都有一個框,但是我希望這種顏色可以延伸到另一個700像素,以便它不僅僅是空白區域。css導航欄不延伸t

這是我的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; 
} 
+0

截圖可以在這裏找到 http://www.23hq.com/stothek/photo/12349117/original – stothek

回答

1

請使用

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

該工程除了我需要還可以添加背景色,但謝謝,這解決了我的問題 – stothek

0

的高度屬性添加到你的CSS。最小高度也可能有所幫助。使用%而不是像素會使其更加流暢和更好。