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

基于display属性的切换。

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

.menu ul li ul {

　　display: none;

}

.menu ul li:hover ul {

　　display: block;

width: 100px;

position: absolute;

}