CSS 实践：实现下拉菜单的方法

基于display属性的切换。

将需要不可见的二级菜单ul元素的display元素设为none，当需要可见的时候改为block。

.menu ul li ul {  

　　display: none;

 }  

.menu ul li:hover ul {     

　　display: block;   

     width: 100px;   

     position: absolute;

}