<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>
你这里所说的浮动是不是就是想让某一个层在其它层之上呢？如果是这样的话，可以用positon里的绝对定位来实现。比如：a想相对于b来做绝对的定位，就可以这样写：.a{
width: 288px
height: 263px
background: url(../images/foot_pic.gif) no-repeat center center
position: absolute
top: -20px
right: -33px
}
.b
{
width: 968px
margin: auto
position: relative
}
