如何修復CSS子菜單

Question

我的CSS子菜單有一些問題。

請點擊這裏查看我的小提琴：

http://jsfiddle.net/9XUJD/1

的幾個問題：

1. 當你將鼠標懸停在A element，它得到粉紅色的背景，但如果你走了過來子，父母A元素正在失去它的背景。我怎麼能告訴他，即使用戶打開子菜單，父母A需要背景？
2. 如何告訴我的.sub元素它需要auto width這樣才能擴展到正確的位置，如果元素在其中？如果你檢查小提琴，我有兩個列內子元素，但它有一個固定的寬度，就像它的父母。
3. 我的.sub元素能夠響應嗎？這樣我有不同的斷點最大寬度？

Answer 1

jsFiddle Demo

1. 您需要使用list item懸停狀態，而不是鏈接。

   這是新的選擇：

   ul li:hover > a { 
       background: #E94160; 
       color: #fff; 
       text-decoration: none; 
   } 
   

2. 剛剛從.column刪除width設置。塊元素默認爲100％寬度。

3. 不太明白，但我認爲小提琴會回答你的問題。