当网站设计师做网站导航的时候，常常会使用到下拉式菜单，我在这篇文章里主要是介绍纯CSS制作的下拉菜单，除了能兼容各主流浏览器外，还可以兼容IE6。

主要思路，是在默认状态下，设置display为none，让子菜单隐藏起来，CSS2.0手册中解释说明了与visibility属性的hidden值不同在于display属性none值不为被隐藏的对象保持留住其物理的空间。在鼠标滑过后，把display属性设置为block子菜单显示。

在这个当中，遇到的最大问题在于IE6中的”:hover”伪类只对a标记有效，在这里，如果要解决IE6兼容，办法是在dl列表项外增加一个a元素，并将dl放置在一个单元格之中。