Question

css 下拉菜单联动 导致下面的div也跟着向下浮动 如何解决

代码
#menu{ width:560px; float:left;line-height:38px; background:url(../images/navsin.jpg) repeat-x; position:relative; z-index:10000;}
#menu ul {
margin: 0px;
padding: 0px;
}
#menu ul li {
float: left;
display: inline;
font: 0.9em Arial, Helvetica, sans-serif;
height: 30px;
width: 100px;
list-style: none;
}
#menu ul li a {
color: #FFF;
text-decoration: none;
line-height: 38px;
width: 91px;
margin: 0px;
padding: 0px 0px 0px 8px;
display: block;
}
#menu ul li ul li { height:25px;}
#menu ul li ul li a {
background: #666;
line-height:24px;
}
#menu ul li a:hover { background: #666; }
#menu ul li ul { display:none;}
#menu ul li:hover ul { display:block; }
#menu ul li ul li a:hover { background: #333; }

<div id="menu">
<ul>
<li><a href="">菜单一</a>
<ul>
<li><a href="">子菜单1</a></li>
<li><a href="">子菜单2</a> </li>
<li><a href="">子菜单3</a></li>
</ul>
</li>
<li><a href="">菜单二</a></li>
<li><a href="">菜单三</a></li>
</ul>
</div>
</div>
<div class="top"><image src="../images/home_1.gif" width="958" height="212"></div>

怎么改 加上z-index 也不管用

Answer 1

下拉菜单的定位改成绝对定位，也就是position：absolute；

Answer 2

你说的是top也跟着浮动吧？
如果是这样的话那你只能把上面的div设置一个固定的高度，能够包含你的下拉菜单，或者下拉菜单外面的div固定高度后，超过高度出现滚动条

Answer 3

我用css做过下拉菜单，当时是第一层菜单的li用relative，第二次ul用absolute的，你试试看？

Answer 4

没具体看你的代码．
但下拉菜单都是用JS解决