css菜單對齊和字間距問題

Question

我有兩個小問題在CSS中，我無法弄清楚。首先是能夠在下拉範圍內擴展塊的面積，以適當地適應措辭。其次是子菜單，子菜單的位置。我有一個小提琴設置在這裏：fiddle

從我可以告訴的唯一屬性是

display: inline-block; 

這是第一個問題：http://screencast.com/t/9GSbhMWe

而第二個問題：http://screencast.com/t/TOAKiE5db

莫非

如果可能的話，某人可能會協助。我錯過了什麼？

在此先感謝。

Answer 1

將此添加到您的樣式表中。或者你最好直接找到並編輯相關屬性。

#nav .main-navigation .sub-menu { 
    background: url(images/background.jpg); 
} 
#nav .main-navigation .sub-menu li { 
    display: block; 
} 
#nav .main-navigation .sub-menu, 
#nav .main-navigation .sub-menu li a { 
    width: auto; 
} 
#nav .main-navigation .sub-menu li a { 
    background: none; 
} 

要解決第二個問題，請添加它。

#nav .main-navigation .sub-menu .page_item_has_sub-menu { 
    position: relative; 
}