<label for="select"> </label>
<select name="select" size="1" id="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>
先把导航条做出来，然后在每个想有下拉列表的栏目下，画出来下拉的选项，格式一般为<div><ul><li><a>1</a></li><li><a>2</a></li></ul></div>，然后调好样式。并将div的style设置，display=none
然后获取到你的栏目，添加鼠标事件onMouseover或onclick都行。事件中添加jquery代码。
$("要下来的那个div的选择器").slideDown(100) 100为时间
基本上就是这个思路。
1、直接设置select标签的宽度就可以了。具体的操作步骤首先需要新建一个html文件，在文件中创建2个select下拉列表：
2、然后在上方的head标签中设置style样式表，首先设置第一个select标签的宽度，这里设置select1的样式标签的宽度为300px，为一个精确值，并设置一下高度和背景颜色，方便接下来查看效果：
3、然后设置select2的宽度，这里使用百分比设置宽度，百分比代表的是铺满整个屏幕所占的比例，这里设置为50%：
4、最后来到浏览器，即可看到两个不同宽度的select下拉列表了。以上就是html页面中下拉列表控制宽度的方法：
