如何修复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. 只需从width移除.column设置即可。块元素默认为100％宽度。

3. 不太明白，但我认为小提琴可以解决你的问题。