html - 如何在 CSS 中修复子菜单

Question

我的 CSS 子菜单有一些问题。

请在这里检查我的小提琴：

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

几个问题：

1. 当您将鼠标悬停在 上时A element，它会变成粉红色的背景，但是如果您越过子菜单，父A元素就会失去它的背景。我怎么能告诉他即使用户打开子菜单，父母也A需要背景？
2. 如果其中有元素，我如何告诉我的.sub元素它需要具有auto width以便向右扩展？如果你检查小提琴，我在子元素中有两列，但它有一个固定的宽度，就像它的父元素一样。
3. 我的.sub元素可以响应吗？所以我有不同断点的最大宽度？

Answer 1

jsFiddle 演示

1. 您需要使用list item悬停状态，而不是链接。

   这是新的选择器：

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

2. 只需width从.column. 块元素默认获得 100% 的宽度。

3. 不太明白，但我认为小提琴回答了你的问题。