请问一个关于div滚动条的问题_html/css_WEB-ITnose

代码如下:
nbsp;html>

    
    <script></script>
    
    


<script> <br /> $(document).ready(function() { <br /> $(".newfolder").show(); <br /> $(".rcvfold").click(function(){ <br /> $('.newfolder').slideToggle(500); <br /> }) <br /> }); <br /> </script>

    

欢迎新用户

    

收件箱

    

        

test1

        

test2

        

test3

        

test4

        

test5

        

test1

        

test2

        

test3

        

test4

        

test5

        

test1

    

    

testaaaaaasdasdasdasdsdas1234567890123456789012345678901234567890123456789012345678901234567890

    

testaaaaaasdasdasdasdsdas

    

testaaaaaasdasdasdasdsdas

    

testaaaaaasdasdasdasdsdas

    

testaaaaaasdasdasdasdsdas

在一个div里创建一个div,外层div有个按钮,点击实现展开/收回内层div内容的功能, 本来要实现的效果是:内层div设置一定大小假如能显示4行内容 test1~4 ,如果还有内容就出现滚动条..

现在的问题是如果加上第一句nbsp;html>,内层div在竖直方向是无法出现滚动条的,但是水平方向无影响.假如内容过多就会跑到页面下面无法查看.   

假如注销第一句nbsp;html>后内层div可以出现滚动条,但是点击收缩的时候内层div内容收缩了但是边框一直还在


请问怎么修改可以实线这两种情况的结合,就是点击按钮实线下拉,然后出现滚动条,再次点击按钮div整体上拉,谢谢

回复讨论(解决方案)

注释第一句后展开效果:

$(document).ready(function() {        $("#innerOne .newfolder").show();        $(".rcvfold").click(function(){                 $('#innerOne').slideToggle(500);        })    });

你这里改成这样，然后你把#innerOne的高度设置成固定高度

$(document).ready(function() {        $("#innerOne .newfolder").show();        $(".rcvfold").click(function(){                 $('#innerOne').slideToggle(500);        })    });

你这里改成这样，然后你把#innerOne的高度设置成固定高度

非常感谢