如何在頂部菜單上使背景100％

iam試圖將背景色的寬度設置爲100％的頂層菜單。並將我的菜單內容保存在960px的wrap ID中。如何在頂部菜單上使背景100％

有人可以解釋我該怎麼做。

HTML：

<div id="wrap"> 
<ul> 
    <li><a href="#">Link 1</a></li> 
    <li><a href="#">Link 2</a></li> 
    <li><a href="#">Link 3</a></li> 
    <li><a href="#">Link 4</a></li> 
    <li><a href="#">Link 5</a></li> 
    <li><a href="#">Link 6</a></li> 
    <li><a href="#">Link 7</a></li> 
    <li><a href="#">Link 8</a></li> 
    <li><a href="#">Link 9</a></li> 
</ul> 
</div>

CSS

* 
{ 
    padding: 0px; 
    margin: 0px; 
} 

#wrap 
{ 
    width: 960px; 
    margin: 0px auto; 
    margin: 0px auto; 
} 

ul 
{ 
    background: navy; 
    overflow: hidden; 
} 

ul li 
{ 
    float: left; 
    list-style: none; 
} 

ul li a 
{ 
    display: block; 
    padding: 10px 15px; 
    color: white; 
    text-decoration: none; 
}

來源

2016-06-10 Pedro

有喜歡的就那麼像這樣的問題萬億美元 - 谷歌這個錯誤 - 修復服務器端cripts，它會消失 –

幾乎所有這些問題都是關於服務器迴應html而不是js腳本。 –

但是，您可能只需將php代碼寫入您的js腳本，而不是將服務器設置爲將js文件作爲php腳本進行預處理。 –

試試這個

<!DOCTYPE html> 

<html> 


<head> 

    <style> 
* 
{ 
    padding: 0px; 
    margin: 0px; 
} 
#banner 
{ 
    width:100%; 
    background-color:green; 
} 
#wrap1 
{ 
background-color:black; 
    width: 960px; 

} 

#wrap 
{ 

    margin: 0px auto; 
    margin: 0px auto; 
} 

ul 
{ 
    background: navy; 
    overflow: hidden; 
} 

ul li 
{ 
    float: left; 
    list-style: none; 
} 

ul li a 
{ 
    display: block; 
    padding: 10px 15px; 
    color: white; 
    text-decoration: none; 
} 

</style> 
</head> 


<body> 
<div id="banner"> 
<div id="wrap1"> 


<ul id="wrap"> 
    <li><a href="#">Link 1</a></li> 
    <li><a href="#">Link 2</a></li> 
    <li><a href="#">Link 3</a></li> 
    <li><a href="#">Link 4</a></li> 
    <li><a href="#">Link 5</a></li> 

    <li><a href="#">Link 6</a></li> 
    <li><a href="#">Link 7</a></li> 

    <li><a href="#">Link 8</a></li> 

</ul> 
</div> 
</div> 
</body> 
</html>

來源

2016-08-01 06:11:17

有沒有一種方法來中心「ul」，所以我們可以在網頁 – Pedro

中心的菜單中使用，我可以在我的答案中使用id wrap1上的margin-left，並按需要對齊。 –

如何在頂部菜單上使背景100％

回答

相關問題