首先，你说的这个问题任何代码都没办法解决，因为如果你的二级栏目过多，导致了超出显示器的范围这个是没有办法避免的。其次，你说的如图的效果，那图在什么地方？有图我才好给你提供解决方案。
我们提供的服务有：成都网站制作、网站设计、微信公众号开发、网站优化、网站认证、芒康ssl等。为千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的芒康网站制作公司
可以考虑改变定位方式。修改style=display：none，加入 position：relative；left：-100px；//不知道左移多少合适。
text-align： left； width： 180px； position： absolute； bottom： 25px；}设定 bottom： 25px； 使该元素的底部和其上级元素的顶部对齐。最后再调整整个菜单的位置，让二级菜单不超出窗口范围就可以了。
你怎么还没有解决这个问题啊，我找了一下我写的那个效果，是仿小米guan 网的，你看看，给你点思路吧，具体的代码在nav.js里面。
一般高度不出来是由于浮动的样式产生的。在浮动层后跟一个清除浮动的空层就可以解决。例： 档案库1 档案库2 这时300的高度是显示不出来的。看不到红色背景。正确的是在后面加个空层清除浮动。
本篇文章给大家带来的内容是关于jquery中如何实现菜单的展开和折叠（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
方法一，利用html特性，每个标签都有一个title属性。
首先样式要设定好，在每个li区域只能显示a或者b。
给鼠标经过的DIV添加一个类 ，类名为submeau；如下图：给显示或者隐藏的DIV，添加一个ID，ID名为：id=oa_submeau，如下图：将以下的JQUERY代码放在整个网页的最底部，用于控制鼠标经过显示DIV，离开隐藏DIV。
给子菜单加个效果，当鼠标划过的时候display：block，鼠标移出再变回display：none就哦了。
if(v[2]==$(#pard1).val())(+v[1]+).appendTo($(#pard2))；这是表示传入的数组v的第三个元素等于第1个下拉菜单的值时，才会将第2个下拉菜单填充。
这篇文章主要介绍了jQuery实现简单的下拉菜单导航功能，涉及jQuery针对页面元素的遍历与节点修改相关操作技巧，需要的朋友可以参考下本文实例讲述了jQuery实现简单的下拉菜单导航功能。
jquery如何将下拉框的某元素设为当前选中值的方法为：我们需要准备的材料分别是：电脑、HTML文档。首先新建一个HTML文档。打开记事本，然后，敲写如下的一段代码（代码里的所有符号均为英文符号）。
你说的是类似级联菜单那种吗？如果IE火狐等其他浏览器正常，这个的原因可能有几个：如果你用的onmouseout事件，建议你换成onmouseleave试试，因为存在事件冒泡的问题。
在页面中添加一个下拉框，并在html中通过selected属性，默认选择下拉框的第2个值。在浏览器中打开页面，就可以看到这个下拉框默认选中的第二个下拉值。
