设置超出范围有滚动条

设置min-width,当小于某个宽度时出现滚动条,

overflow-y: auto;height:100px;当高度小于100时,出现滚动条

设置滚动条的样式

/* 设置滚动条的样式 */::-webkit-scrollbar {    width12px;}/* 滚动槽 */::-webkit-scrollbar-track {    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);    border-radius: 10px;}/* 滚动条滑块 */::-webkit-scrollbar-thumb {    border-radius: 10px;    background: rgba(0,0,0,0.1);    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}::-webkit-scrollbar-thumb:window-inactive {    background: rgba(255,0,0,0.4);}

在某个div中用这个样式就在前面加上div的类名

如果要隐藏滚动条怎么办呢?

我也不知道,不过用::-webkit-scrollbar {width0px;}可以实现

原文地址:https://www.cnblogs.com/dongkx/p/7082426.html