下拉菜单问题的研究：在这个夏天与Html5不期而遇（十）

一、html部分

<ul>

<li  class="name-1"><a href="#">第五组</a>

<ul  class="name-2">

<li> ......</li>

<li>..........</li>

<li>..........</li>

</ul>

</li>

</ul>

二、css的样式：

ul  li  {

list-style-tyle:none;

}

.name-2  {

border:1px  solid  red;

weidth:100px;

height:300px;

display:none;

}

.name:hover  ul  {

display:block;

}

这几步为关键的基本的技术！！！产生不同位置的显示效果，可以使用定位解决！！