2016-09-23 68 views
0

那麼當銷燬導航欄,我有這個代碼完美的菜單,恰到好處的與此代碼在我的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%; 
} 

,現在我的菜單看起來像這 - 與上面的菜單項太多空間完全糟糕......

image

我已經發現,它改變了,當我改變了ul.Menu li a的填充設置,但我不能正確使用這些... 你能幫我嗎? :)

+0

在ul.Menu您使用 '保證金:' 兩次。也許嘗試刪除第一個,即:'保證金:10px' – Tom

+0

不幸的是它沒有解決問題:(仍然看起來相同:o – Bellathea

+0

添加一個片段.. –

回答

0

你寫的margin性能的兩倍。從ul.Menu刪除margin : 0px風格,這是造成問題。

+0

可惜沒:(既不刪除第一次,也不刪除第二幫助 – Bellathea

+0

添加的z-index = 9999;在ul.Menu也曾經嘗試刪除overflow屬性..... –

+0

什麼也沒有改變 – Bellathea