下拉菜单框

1、首先，我们先进入DW里面新建一个html文档，改一下title为下拉菜单。

2、先给一个放全部内容的div盒子命名为menu。

3、接着再给一个div命名为xlcd。用于放置一级菜单和二级菜单的内容。一级菜单用h3标签。

4、在h3标签下面放置一个ul无序列表，里面放置三个li标签，内容分别为二级菜单1，二级菜单2，二级菜单3。接下来我们就设置style样式。

5、我们先设置xlcd和ul标签的宽和背景颜色，xlcd的宽为200px 背景颜色设为红色。ul标签的宽为200px 高为150px 背景颜色为蓝色。下图中我设置了xlcd的高 这里是不能设置高度的。

6、然后在最上面设置通配符 margin和padding均为0，字体颜色为白色。然后我们发现xlcd的高度好像没有了。

7、然后设置h3标签的高度和行高为50px就可以了。

8、设置ul高度为0（便于后面设置过渡高度），然后鼠标移入时ul高度设为150px；

9、我们鼠标移入 ul的内容就弹出来了。我们多复制几个类名为xlcd的内容就成了一个下拉框了。

10、但是我们复制了之后会发现出现了ul标签的内容，我们就可以在设置ul的样式里设置一个overflow属性意思是隐藏溢出的内容。

11、这样一个下拉菜单就做好啦！