解决办法就是：在滚动的菜单的外层再套一个div并且设置为overflow:heidden;，子元素设置overflow-y(x):scroll;，并给够足够的宽度来放滚动条，这样滚动条就被父元素给隐藏掉。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.letterBox {
width: 100px;
height: 100px;
position: absolute;
right: 100px;
top: 20px;
overflow: hidden;
border: 1px solid #e2e2ee;
}
.letter {
width: 120px;
padding: 0;
margin: auto;
/*width: 40px;*/
height: 100px;
text-align: center;
overflow-y: scroll;
list-style: none;
}
</style>
</head>
<body>
<div class="letterBox">
<ul class="letter">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
<li>F</li>
<li>F</li>
<li>F</li>
<li>F</li>
<li>F</li>
<li>F</li>
<li>G</li>
<li>H</li>
</ul>
</div>
</body>
</html>效果图：
更多CSS相关知识，可访问 CSS教程 ！！
以上就是css怎么设置滚动条不显示？的详细内容，更多请关注0133技术站其它相关文章！
