HTML菜單運行關閉屏幕

我的頁面有一個菜單位於我的屏幕頂部，但它在屏幕左側偏離了幾個像素。我從10個網格（10個網格部分，每個網格10％）開始運行我的網站，但它已經超過100％。HTML菜單運行關閉屏幕

CSS：

ul { 
    background: #000000; 
    margin: 0 auto; 
} 

ul li { 
    padding: 10px 20px; 
    font-weight: bold; 
    float: left; 
    color: #0f7e25; 
} 

ul li a { 
    color: #0f7e25; 
} 

ul li a:hover { 
    color: #FFFFFF; 
}

HTML：

<header> 
    <ul class="grid_10"> 
     <li><a href="#">Front Door Web Design</a></li> 
     <li><a href="#">Work</a></li> 
     <li><a href="#">Blog</a></li> 
     <li><a href="#">Let's Talk</a></li> 
    </ul>

的jsfiddle： http://jsfiddle.net/P3F3Y/

來源

2014-02-21 Hunter

你能提供http://jsfiddle.net/ – CeejeeB

隨着代碼您提供一個例子，它工作得很好，所以我們由於它不足以解決問題，因此無法使用所提供的代碼重現相同的事情，或者在jsfiddle上共享演示，或者共享更多代碼 –

嘗試使用您提供的代碼（通過一些小修復）：http://jsfiddle.net/Y47U2/ –

填充，展開列表超出頁面的寬度。你需要減少對李填充

ul li { 
    padding-right:20px; 
    font-weight: bold; 
    float: left; 
    color: #0f7e25; 
}

小提琴：http://jsfiddle.net/ankur1990/ab3pF/

來源

2014-02-21 14:11:28

HTML菜單運行關閉屏幕

回答

相關問題