<div class="box">
<div class="item">
<p>第一列内容</p>
<p>第一列内容</p>
<p>第一列内容</p>
<p>第一列内容</p>
<p>第一列内容</p>
<p>第一列内容</p>
</div>
<div class="item">
<p>第二列内容</p>
<p>第二列内容</p>
<p>第二列内容</p>
<p>第二列内容</p>
<p>第二列内容</p>
<p>第二列内容</p>
</div>
<div class="item">
<p>第三列内容</p>
<p>第三列内容</p>
<p>第三列内容</p>
<p>第三列内容</p>
<p>第三列内容</p>
<p>第三列内容</p>
</div>
</div>
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* 设置滚动条宽度 */
::scrollbar {
width: 0px;
}
/* 设置滚动条颜色 */
::scrollbar-thumb {
background: #eee;
}
/* 设置滚动条被按住时的颜色 */
::scrollbar-thumb:hover {
background: #ddd;
}
.box{
width:50vw;
height:40vh;
border:1px solid #ccc;
margin:30vh 25vw;
display:flex;
}
.item{
flex:1;
height:100%;
border:1px solid #ccc;
overflow: auto;
}
.item p{
line-height:100px;
text-align:center;
}