二级下拉菜单布局（纵向、横向）

• 一级菜单

1. 在ul列表内建立li元素并清除默认样式
2. 让所有li元素左浮动并清除浮动
   

<ul class="clearfix">
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
</ul>

CSS中的样式如下：

.ul1{
	width:510px;
	margin:0 auto;
}
.ul1 li{
	list-style:none;
	width:100px;
	line-height:45px;
	font-size:25px;
	text-align:center;
	border:1px #000 solid;
	float:left;
	background:#00F;
}
.ul1 a{
	color:#FFF;
	text-decoration:none;
}

效果图如下：

• 二级下拉菜单（纵向）

1. 在一级ul列表内建立一级li元