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 · 133 天前 · 605 次点击
    这是一个创建于 133 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    然后还有 padding: 20px;

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

    4 条回复    2021-07-18 21:56:14 +08:00
    temporary
        1
    temporary   133 天前 via iPhone
    padding-left:calc(100vw - 100% + 20px);
    查一查 calc 干嘛的不就知道了
    iMusic
        2
    iMusic   133 天前
    overflow: overlay;
    Leviathann
        3
    Leviathann   133 天前
    我用的是 overflow: auto,然后把滚动条区域的 bg 和 margin 的 bg 设置成一样的
    tanranran
        4
    tanranran   133 天前
    隐藏滚动条,然后自定义
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   968 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 22:59 · PVG 06:59 · LAX 14:59 · JFK 17:59
    ♥ Do have faith in what you're doing.