如何让fix的div(div超出浏览器页面长度)。让div也可以滚动
 <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>

2个回答

 .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;

div添加overflow:auto


<div style="width:1500px;height:60px;position:fixed;left:0;top:0;overflow:auto">
    <div style="width:1600px">11</div>
</div>
<div style="height:2000px"></div>
Vivianluolita
Vivianluolita 但是它只能让我在水平方向上滚动,我加上 overflow-x:auto; 或者 overflow-y:auto;都没用
大约 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!