如何让fix的div（div超出浏览器页面长度）。让div也可以滚动

Question

 <div class="wxPictureVersionModule">
    <div class="TabListContent">
    <ul class="TabList">
        <li class="selected Commonliend"><a><h3>图文</h3></a></li>
        <li class="Commonliend"><a><h3>标题</h3></a></li>
        <li class="Commonliend"><a><h3>正文</h3></a></li>
        <li class="Commonliend"><a><h3>背景</h3></a></li>
        <li class="Commonliend"><a><h3>分割线</h3></a></li>
        <li class="Liend"><a><h3>小符号</h3></a></li>
        <li class="TabListContentAdd"><a><h3></h3></a></li>
       <!-- <li class="LiendAdd"><a><h3>小符号</h3></a></li>-->
    <!--    <li class="Commonliend liend"><a><h3></h3></a></li>-->
    </ul>
    </div>

Answer 1

 .wxPictureVersionModule .TabListContent{
    width: 72px;
    position: fixed;
    bottom: 0px;
    top: 44px;
    left: 0px;
    overflow:auto;
    overflow-x:hidden;
}

ul外面的div不能设置高度，而是要加上
overflow:auto;
overflow-x:hidden;//垂直滚动
overflow-y:hidden;//水平滚动

如果想要最后一个Li填充满整个浏览器,则绝对定位（这里是fix定位）
bottom: 0px;