Question

Html网页问题求解答!!!

我做一个网页静态的,很多地方,要用到左侧的导航栏,导航栏下还有子菜单可以展开,我应该用什么方法,如果是IFRAME框架就不用说了,因为它的高度不能自动适应,求高手解答!!!急急,非常感谢!

Answer 1

CSS

.sidebar-left{position:fixed;left:0px;top:0px;height:100%}

#menu ul{display:none;}
#menu li{display:block;}
#menu li a{display:block;padding:5 15px;text-decoration:none;}
#menu li a:hover{background:#ececec;color:#333;}

菜单布局用

<div class="sidebar-left">
<ul id="menu">
    <li>
        <a href="#">菜单一</a>
        <ul>
            <li><a href="#">菜单一子菜单1</a></li>
            <li><a href="#">菜单一子菜单2</a></li>
        </ul>
    </li>
    <li><a href="#">菜单二</a></li>
    <li><a href="#">菜单三</a></li>
</ul>
</div>

js展开与收缩

$(function(){
    $("#menu a").click(funtion(){
        var _this = $(this);
        _this.sublings("ul").slideToggle();
    });
})

我没有去调试了，大致就是这样，你看看行不行，不懂可以追问我，如帮到你，请采纳！！

Answer 2

不要用自适应的，最好是用div+css，然后用js特效写效果，css用position定位来写，这样就没啥问题了，你注意下层之间的结构和嵌套就可以了