奇怪的css3错误，悬停和高度扩展

我不知道我做错了什么，但很明显它不起作用。。。我想悬停

，然后

#子菜单应将其高度从
65px
扩展到
130px


驾驶室

关于
网
公司的
摄影
接触


简单的事情，但它不运行


知道我做错了什么吗？
问题是
\photo:hover#子菜单
-因为
不是子菜单div的祖先。。在当前上下文中，当鼠标悬停在
#photo
上时，无法设置target
#子菜单
，因为它涉及到对DOM的回溯（目前不支持此类组合器）。您只能通过针对后代或兄弟姐妹而不是祖先来实现此效果。。如果使用不同的选择器，您将看到发生转换，例如

#导航包装器：悬停+#子菜单


但是，在当前上下文中，您尝试执行的操作是不可能的。
问题在于子菜单
\photo:hover
-因为
不是子菜单div的祖先。。在当前上下文中，当鼠标悬停在
#photo
上时，无法设置target
#子菜单
，因为它涉及到对DOM的回溯（目前不支持此类组合器）。您只能通过针对后代或兄弟姐妹而不是祖先来实现此效果。。如果使用不同的选择器，您将看到发生转换，例如

#导航包装器：悬停+#子菜单


但是，在当前的环境中，您试图做的是不可能的。
（对Adrift所说的内容稍加补充…）

如果您真的想用
实现这一点，您只有两种解决方案：


将
#子菜单
放在
内或后面。很简单。我认为这样做更简单，尤其是因为在
#nav wrapper
上有一个固定的位置和宽度
使用javascript（在
上执行鼠标悬停操作，可切换
#子菜单
的宽度）
（漂流说的话有点补充…）

如果您真的想用
实现这一点，您只有两种解决方案：


将
#子菜单
放在
内或后面。很简单。我认为这样做更简单，尤其是因为在
#nav wrapper
上有一个固定的位置和宽度
使用javascript（在
上执行鼠标悬停操作，可切换
#子菜单
的宽度）
啊！现在我明白了问题所在。位置是固定的，所以我不能自己向下移动内容，但为什么我不能向下移动带有边距或填充的主包装？因为漂流者说的同样的话？我的js很糟糕，我不知道怎么做…：（@MarieVondePalme很抱歉这么晚了…是的，这是因为Adrift所说的。你只能用CSS选择器瞄准兄弟或子元素。这意味着你可以用你的
做你想做的事，只要
#nav wrapper
在
#nav bar
或所说的
内。这应该在这里完成。它什么都没有我的意思是，因为你有一个固定的位置，你把它放在哪里，它在页面上总是在同一个位置。所以你可以完全移动它，这样你就可以用
：在
上悬停
，而不影响它的位置。啊！现在我明白了问题。位置是固定的d所以我不能单独移动内容，但为什么我不能移动带有边距或填充的主包装？因为漂流说了同样的事情？我的js很糟糕，我不知道怎么做…：（@MarieVondePalme很抱歉这么晚了…是的，这是因为Adrift所说的。你只能用CSS选择器瞄准兄弟或子元素。这意味着你可以用你的
做你想做的事，只要
#nav wrapper
在
#nav bar
或所说的
内。这应该在这里完成。它什么都没有与位置固定有关。我的意思是，因为你有一个固定的位置，你把它放在哪里，它在页面上总是在同一个位置。所以你可以完全移动它，这样你就可以用
：在
上悬停
，而不影响它的位置。