首页 > 其他分享 >CSS隐藏纵向滚动条滚动

CSS隐藏纵向滚动条滚动

时间:2022-09-24 10:22:43浏览次数:67  
标签:right 纵向 滚动条 1px e3e7ee overflow border hidden CSS

<div class='out_list'>

  <div class='list></div>

</div>

.out_list {         width: 100%;         height: 160px;         position: relative;         overflow: hidden;       }       .list {         position: absolute;         left: 0;         top: 0;         right: -17px;         bottom: 0;         overflow-x: hidden;         overflow-y: scroll;         border-left: 1px solid #e3e7ee;         border-right: 1px solid #e3e7ee;       }

标签:right,纵向,滚动条,1px,e3e7ee,overflow,border,hidden,CSS
From: https://www.cnblogs.com/shax/p/16725024.html

相关文章

  • 从 CSS 开始
    从CSS开始了解如何让您的网页充满活力。**什么是CSS?**通过它的翻译,它是级联样式表;换句话说,您可以设置html标签的样式。例如,CSS允许您编辑关于标签的太多内容;更......
  • Vue2项目解决-js/css文件无法引用问题
    打包:    在vue.config.js文件中  const{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({  transpileDependencies:t......
  • vscode - plug - scss转css
    vscode-plug-scss转css参考资料sass笔记(完结)安装,使用,vscode中设置easysass,嵌套,变量,混合,循环,分支vscode配置easysassEasySass在vscode扩展中分别搜索并安装:Sas......
  • 移动端布局准备:物理像素和CSS像素、布局视口、视觉视口、理想视口、二倍图、多倍图 的
    物理像素和CSS像素像素是计算机屏幕中显示特定颜色的最小区域。屏幕中的像素越多,同一范围内能看到的内容就越多。或者说,当设备尺寸相同时,像素越密集,画面就越精细。那么,当......
  • CSS渐变和阴影的一些案例
    渐变制作条纹进度条<html><head><style>.fade{height:1em;width:400px;background-image:repeating-linear-gradient(-45d......
  • CSS 中的vh、vw单位
    vw:视窗宽度的百分比(1vw代表视窗的宽度为1%)vh:视窗高度的百分比(1vh代表视窗的高度为1%)vmin:当前vw和vh中较小的一个值vmax:当......
  • JavaScript HTML DOM - 改变CSS
    改变HTML样式:语法:document.getElementById(id).style.property=新样式 使用事件:HTMLDOM允许通过触发事件来执行代码:比如:元素被点击。页面加载完成。输入框被修......
  • HTML & CSS 设计原则
    设计原则DesignPrinciple响应式设计Responsive响应式设计的意思是网页能够根据其显示在的屏幕的大小自动伸缩。响应式设计使得对笔记本和手机用户更加友好。分辨率......
  • 《深入解析css》
    《深入解析CSS》0CSS前端之路起点简介多亏有那位老师的相助,帮我拓宽了前端领域的边界,我决定重头开始走前端之路这是本人重走前端决定阅读的第一本书本人在老师的帮助......
  • CSS实现下拉框
    主要使用position的绝对定位absolute来做。<!doctypehtml><head><style>body{font-family:Helvetica,Arial,sans-serif;min-height:200vh;......