css-隐藏⽹页页⾯右侧滚动条
逻辑：三个DIV，⼤“div” 设置⼀个⾼度、超出⾼度内容隐藏，⼩“div”设置⼀个⾼度可以和⼤“div”⾼度⼀样，中“div”设置超出
⼤“div”内容xian显⽰滑动条，并且添加 “隐藏滚轮”样式；
原理：就是⼩盒⼦和⼤盒⼦⾼度都写固定了，但是⼩盒⼦内容很多超过⼤盒⼦，但是⼤盒⼦ overflow：hidden 隐藏了，只要给中盒⼦添加超出部分显⽰滚动条就好了，然后中盒⼦使⽤ “隐藏滚轮”样式  》》  中盒⼦ID或class：：-webkit-scrollbar{display：none}
代码图⽚：
源代码：
html横向滚动条样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>去掉滚动条</title>
<style>
p{
line-height: 20px;
font-size: 24px;
color: green;
}
#o1{height: 300px;width: 100%;background-color:red;}
#o3{
height: 400px;background-color: yellow;
}
#o1{overflow: hidden}
#o2{overflow-y: scroll;}
#o2::-webkit-scrollbar {display: none;}
</style>
</head>
<body>
<div id="o1">
<div id="o2">
<div id="o3">
<p>sdassd</p><p>sdassd</p><p>sdassd</p><p>sdassd</p><p>sdassd</p><p>sdassd</p><p>sdassd</p><p>sdassd</p><p>sdassd</p><p>sdassd</p>        </div>
</div>
</div>
</body>
<html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。