用div+css做下拉菜单，怎么还会影响到其他的层
<scripttype="text/javascript">functiondisplaySubMenu(li){varsubMenu=li.getElementsByT...
<script type="text/javascript">
function displaySubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
subMenu.style.display = "block";
}
function hideSubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
subMenu.style.display = "none";
}
</script>
</head>
<body>
<ul id="navigation">
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
12.11.12 15:00
<a href="#">账号ˇ</a>
<ul>
<li><a href="#">个人首页</a>></li>
<li><a href="#">账号管理</a>></li>
<li><a href="#">退出</a></li>
</ul>
<>
<div align="center" >
<input type="text" size="60%"><input type="button" value="帖子搜索">
</div>
</body>
</html>
因为字数限制所以就弄了一部分
就是把鼠标放在账号上时，会把帖子搜索挤到下面去 展开
function displaySubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
subMenu.style.display = "block";
}
function hideSubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
subMenu.style.display = "none";
}
</script>
</head>
<body>
<ul id="navigation">
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
12.11.12 15:00
<a href="#">账号ˇ</a>
<ul>
<li><a href="#">个人首页</a>></li>
<li><a href="#">账号管理</a>></li>
<li><a href="#">退出</a></li>
</ul>
<>
<div align="center" >
<input type="text" size="60%"><input type="button" value="帖子搜索">
</div>
</body>
</html>
因为字数限制所以就弄了一部分
就是把鼠标放在账号上时，会把帖子搜索挤到下面去 展开
2个回答
展开全部
我想这个很简单吧，subMenu是不是一个ul或者是一个div框起来的部分，如果是的，那么它就是一个块元素。subMenu.style.display = "block";这句话表明当鼠标放上去时是按照块元素方式显示的，显示的时候会占位，不显示时候不占位，块元素的特点是一个块元素默认占用一行，是纵向排布的，我想你把这个subMenu设置一个float属性吧，然后绝对定位一下，这样就不会把下面的div搜索挤下去了，而是会浮动到上方
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
