原理很简单的了，你看样式的结构ul下的Li下的ulHTML结构应该是这样：ul,li>一级菜单ul>li>二级菜单你设置一级菜单的LI，鼠标移上的时候，它里面的二级菜单LI显示出来就行了。就是hover而已。这个问题如果纠结这么久，真心推荐你认真看一下CSS的伪类的用法翻译出中文来有什么用？你要去了解它每个样式的用法才行啊。。、建议你那个不清楚，复制它百度一下看看它的用法以及工作原理。ID为liebiao元素里的ul里的li应用这个样式：position是定位，有绝对和相对background是背景，可以图片，也可以颜色，padding是内边距，四个数值，代表上右下左，顺序是按顺时针，如果只有两个的时候，代表，上，右下左。height，这个如果都要翻的话，建议找本最基础最基础的书来看。line-height:词面翻译就可以理解，行高border-bottom也是border是边框，加了-bottom，就是下面三个值，大小，样式，颜色#liebiao ul li ID为liebiao元素里的ul里的li里的ul应用这个样式：基本同上，display:你用谷歌翻译一下就知道了，是显示的意思，none，就是不显示。left是离body左边距离，top上面，width如果也要翻，又建议你看基础的书。#liebiao ul li ul ID为liebiao元素里的ul里的li的class名称是current元素里的ul应用这个样式： display:以块状显示#liebiao ul li.current ul ID为liebiao元素里的ul里的li鼠标移上这个LI时这个LI里的UL应用这个样式：#liebiao ul li:hover ul 说说它的原理，在一个元素里加上二级菜单，给二级菜单设置display:none，当一级元素，被鼠标移动时就是:hover时，它的二级菜单就设置样式为display:block，就可以显示出来了。希望能解决您的问题。
