css超出隐藏滚动条，内容可滚动原理分析原理分析：
<!--
原理：
1.⽗元素设置overflow: hidden;
⽬的：1）⼦容器滚动条裁剪掉，保留纵向滚动功能。
2）⼦容器⾥⾯具体内容⾼度超出部分裁剪掉，美观?。
2.⼦元素设置宽度⼤于⽗元素宽度，超出的滚动条会被裁剪掉；
设置overflow-y: auto，让接下来的具体内容超出⾼度隐藏滚动条，但是可以滚动。
3.具体的内容设置⾼度⼤于⽗元素⾼度，实现没有滚动条出现内容可滚动效果
-->
html:
<div class="div-box">
<div class="div">
<p class="con">我是内容</p>
</div>
</div>
css:
* { margin: 0; padding: 0; }
.div-box { width: 500px; height: 250px; overflow: hidden; }
.div { width: 530px; height: 250px; overflow-y: auto; }css设置表格滚动条
.con { height: 898px; text-align: center; background-color: #f5f5f5; }

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