那麼當銷燬導航欄,我有這個代碼完美的菜單,恰到好處的與此代碼在我的CSS文件爲div的添加代碼到CSS
ul.Menu {
list-style-type: none;
margin: 10px;
overflow: hidden;
background-color: #ffffff;
border-style: solid;
border-color: #e9055c;
border-width: 2px;
font-weight: bold;
font-family: arial, sans-serif;
text-align: center;
margin: 0 auto;
}
ul.Menu li{
border-right: 1px solid #e9055c;
display: inline-block;
}
ul.Menu li a {
display:block;
color: #e9055c;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
ul.Menu li a:hover {
background-color: #f6b0ce;
}
ul.Menu li:last-child {
border-right: none;
}
但後來我說這我的CSS -code在我的網站上創建通過的div一個負責任的橫幅:
.wrapper {
width: 100%;
overflow: hidden;
}
.container {
width: 100%;
margin: 0 auto;
}
.banner-img {
width: 100%;
}
,現在我的菜單看起來像這 - 與上面的菜單項太多空間完全糟糕......
我已經發現,它改變了,當我改變了ul.Menu li a的填充設置,但我不能正確使用這些... 你能幫我嗎? :)
在ul.Menu您使用 '保證金:' 兩次。也許嘗試刪除第一個,即:'保證金:10px' – Tom
不幸的是它沒有解決問題:(仍然看起來相同:o – Bellathea
添加一個片段.. –