定义display:none后，默认状态下将隐藏
定义#menu ul li ul的position: absolute; left: 100px; top: 0px;，那么它将以相对于它父元素li的上为0，左为100的位置显示。最后我们设置当鼠标划过后显示下级菜单的样式
#menu ul li:hover ul这个样式比较难理解，它的意思是定义ID为menu下ul下li，当鼠标划过时ul的样式，这里设置为display:block，指的是鼠标划过时显示这块内容，这也实现我们今天想要的效果。其中的:hover和前边说的链接一样，同属于伪类，但有一点注意，目前IE6只支持a的伪类，其它标签的伪类不支持，所以要想在IE6下也显示正确，需要借助js来实现，我们定义一个类.current （自己命名，需和JS中相同）的属性为display:block;然后当鼠标划过后，用JS给当前li添加上这个样式上，根据css的优先级：指定的高于继承的原则，就实现了IE6下的正确显示。所以需要加上JS和样式#menu ul li.current ul { display:block;}。
#menu ul li.current ul { display:block;}
- · 有利于SEO的DIV+CSS的命名规则 搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关....
- · DIV+CSS专题：CSS HACK 什么是CSS hack？由于不同的浏览器，比如Internet Explorer 6,In....
- · DIV+CSS网页布局技巧实例19：用css hack针对IE的优化 有些时候，你需要对IE浏览器的bug定义一些特别的规则，这里有太....
- · 《十天学会web标准div+css》10：div+css网页标准布局案例三 前边两节学完后，前台工作基本上完成了，下边的任务该程序员添加....
- · 《十天学会web标准div+css》10：div+css网页标准布局实例二 （接上一篇，本节教程文字较多，比较枯燥，如果前边知识学习牢固....
