<style type='text/css'>
li{
float:left
list-style-type:none
width:100px
margin:1px
background-color:silver
}
.b{
display:none
}
.bb:hover .b{
display:block
}
</style>
<ul>
<li class='bb'>1
<ul class='b'>
<li>11</li>
<li>12</li>
</ul>
</li>
<li>2</li>
</ul>
元素浮动后，他的父级元素要清除浮动。我的一般做法在你的css文件里加上以下,可以通用.clearfix{display:block}
.clearfix:after{content:"."display:blockheight:0visibility:hiddenclear:both}
例如你的这个例子，在ul上加上clearfix就可以了，
<ul class="clearfix">
<li>11</li>
<li>22</li>
</ul>
