V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
zxCoder
V2EX  ›  CSS

关于出现滚动条导致屏幕宽度变化的解决方案

  •  
  •   zxCoder · 2021-07-18 13:22:15 +08:00 · 1102 次点击
    这是一个创建于 984 天前的主题,其中的信息可能已经有所发展或是发生改变。

    比如有一个 div 居中,用的是 margin: auto;

    然后还有 padding: 20px;

    然后为了解决滚动条的宽度问题,查了网上的方案有一个是 padding-left:calc(100vw - 100%);可以解决,但是这样子我原本的 padding 应该怎么计算,还可以设置吗

    4 条回复    2021-07-18 21:56:14 +08:00
    temporary
        1
    temporary  
       2021-07-18 13:31:15 +08:00 via iPhone
    padding-left:calc(100vw - 100% + 20px);
    查一查 calc 干嘛的不就知道了
    iMusic
        2
    iMusic  
       2021-07-18 14:42:08 +08:00
    overflow: overlay;
    Leviathann
        3
    Leviathann  
       2021-07-18 19:03:19 +08:00
    我用的是 overflow: auto,然后把滚动条区域的 bg 和 margin 的 bg 设置成一样的
    tanranran
        4
    tanranran  
       2021-07-18 21:56:14 +08:00
    隐藏滚动条,然后自定义
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   4803 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 51ms · UTC 09:58 · PVG 17:58 · LAX 02:58 · JFK 05:58
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.