Question

CSS控制二级菜单和主菜单的相关问题

小弟研究了很久，都怀疑会不会不可能实现以下要求了，求教。。几个问题：

基本动作是：鼠标移到主菜单项时高亮，并且对应的二级菜单弹出，鼠标再移到二级菜单上。

问题：

1、鼠标移到二级菜单，原本主菜单高亮的项怎么才能依旧保持高亮（直到移出二级菜单范围）呢？
2、二级菜单和它相对应的主菜单， 这两者内容如何才能中线对齐？
3、二级菜单宽度如何才能自适应里面内容的宽度呢？
4、某主菜单项下，子菜单宽度如果超过浏览器边界，则让整排子菜单最右边，贴合浏览器边界，怎么写？

不要用JS，就用CSS，能在现有代码基础上改进么？导航的位置我都调好了，整个nav就在那个位置上的。

原始代码，请看这里：http://qyw35721.chinaw3.com/q.html

Answer 1

1,给二级菜单添加个样式, 二级菜单:hover 一级菜单{xx样式xxxxx}
2,二级菜单中线对齐是布局问题,用margin调试
3,你不设置二级菜单的宽度,他就会自适应了吗,修改二级菜单宽度可以用padding
4,CSS判断不了,你可以用JS 或者用绝对定位定死最右一列

Answer 2

1.
.xxxx ul li:hover a {
color:#fff;
background:#b3ab79;
} 第一个问题，
2，不太理解， 给说明白点吧？
3.不要定义宽，display:block;加这个
4，你可以参考一下这个地址http://www.lanrentuku.com/js/nav-279.html
希望对你有帮助

Answer 3

亲~你想的没错~光用CSS肯定是无法完成你说的这些的~因为里面有很多条件需要判断，而CSS没有这种功能~它只是控制样式，无法根据条件判断浏览器的边距、鼠标是否移除等问题~这个也不是CSS关心的问题~它只是一个层叠样式表~只是为了美化外观用的~不要难为它了~也放自己一条生路~阿弥陀佛~哈哈哈哈……

Answer 4

我这有实例，你要不