Question

CSS 鼠标经过下拉菜单的问题

<LI class="" onMouseOver="this.className='on'" onMouseOut="this.className='onxl'" name="nav" menu="nav"><A href="#">浏览</A><SPAN title=展开>展开</SPAN>

<div class="top_unfurlbox browse pt9 pb9" style="DISPLAY: none; OVERFLOW: hidden; WIDTH: 185px; HEIGHT: 198px">
<P class=clearfix><A class=fr href="#">****</A>
<A href="#">****</A></P>
<P class=line_dot></P>
</div>
</LI>

我先解释一下 <LI></LI> 之间的内容就是要实现效果的内容
我只要指向浏览 DIV里的内容就会下拉下来
可是遇到个问题
<div class="top_unfurlbox browse pt9 pb9" style="DISPLAY: none; OVERFLOW: hidden; WIDTH: 185px; HEIGHT: 198px">
这里面已经规定了 DIV的大小和是否隐藏 默认为隐藏
这样DIV就不受LI的控制了 因为CSS数据比较多 改麻烦 求方法 再尽量少改动CSS的情况下 实现指向浏览 DIV的内容自动下拉 并且 鼠标移走
DIV内容不消失 需要点击空白背景消失 求办法 把所有分都拿出来
如果把 style="DISPLAY: none; OVERFLOW: hidden; WIDTH: 185px; HEIGHT: 198px
去掉 任何一项都不行 去掉 DISPLAY: none 不管怎么样都在那挂着
去掉宽度 和高度 就变形了

Answer 1

JS部分相信你自己能解决，我只说布局。
请参考http://zhidao.baidu.com/question/113926633.html我的回答。
注意position属性是重点

Answer 2

要用到js
百度hi我吧
发个例子给你