CSS内容超出元素高度滚动，并且滚动条隐藏

给父元素设置宽度，溢出隐藏，子元素设置

// html
<div class="box"><div class="content">内容</div>
</div>

// css
<style>.box{width: 100%;overflow: hidden;}.box > .content {overflow-x: hidden;overflow-y: auto;}// 添加伪类元素::-webkit-scrollbar设置none隐藏整个滚动条.center::-webkit-scrollbar {display: none;}// 让整个滚动条的宽度为0.center::-webkit-scrollbar {width: 0px;}
</style>

PS：以上内容是本人自己试验以及搜集网上内容实现的，如有不足请指出

CSS内容超出元素高度滚动，并且滚动条隐藏相关推荐

html内容超出不自动滚动,css设置div滚动条内容不超过就不显示
css设置div滚动条内容不超过就不显示实现内容不超出就不显示滚动条的效果,可以设置div的css样式为overflow:auto,当overflow取值为auto时,如果内容被修剪,则浏览器会显示 ...
原声表格中将thead固定，tobody超出高度滚动，滚动条样式改变
css设置滚动条的样式注意:滚动条设置的width.height,分别是对应纵向滚动条宽度.横向滚动条高度,无法修改纵向滚动条高度.横向滚动条宽度数值只介绍Google浏览器滚动条样式. 常用属 ...
css内容超出滚动条横向滑动导航overflow
css属性 overflow: overflow:visible 默认,超出显示 overflow:hidden 超出范围隐藏 overflow:scroll 范围内容带滚动条 overflow:au ...
CSS技能点--元素高度占满视窗
点此查看全部文字教程.视频教程.源代码本文目录 1. 背景 2. CSS设置满屏 1. 背景我们经常会遇到,需要将网页内容铺满当前窗口的需求. 很多时候,通过CSS去控制比较麻烦,尤其是窗口高度是 ...
css文字超出元素省略,单行、多行省略
效果图: 通用CSS .box {width: 500px;border: 1px solid red;padding: 10px;line-height: 24px;} 1.单行省略 .singe- ...
vue ElementUI 表格筛选框的高度设置，超出一定高度，显示滚动条
相信有很多小伙伴遇到过这个问题,首先还是来看图片,筛选框我做了处理,所以和官网的有点小差别官方网站和个人网站对比图如下: 代码如下:(F12找到该元素的class,设置高度) .el-table-f ...
CSS | 使一个元素高度由图片撑开
需求: 期望左边的高度由右边的图片决定,因此右边的元素需要由右侧的图片来撑开,但是开发时发现出现了以下问题: 右侧的元素没有被图片撑开,而是比图片多了一些距离. 解决 <div stlyle=& ...
div里面的内容超出自身高度时，显示省略号
1.给DIV设置属性:width: 200px; text-overflow: ellipsis; overflow: hidden; 当div里面的内容总宽度找过 200PX的时候,超出的部分会以& ...
CSS 设置超过一定高度后出现滚动条
.test {max-height: 500px,overflow-y: auto }

CSS内容超出元素高度滚动，并且滚动条隐藏

CSS内容超出元素高度滚动，并且滚动条隐藏

CSS内容超出元素高度滚动，并且滚动条隐藏相关推荐

最新文章

热门文章