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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

This topic created in 1754 days ago, the information mentioned may be changed or developed.

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

然后还有 padding: 20px;

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

4 replies • 2021-07-18 21:56:14 +08:00

temporary

Jul 18, 2021 via iPhone

padding-left:calc(100vw - 100% + 20px);
查一查 calc 干嘛的不就知道了

MzM2ODkx

Jul 18, 2021

overflow: overlay;

Leviathann

Jul 18, 2021

我用的是 overflow: auto，然后把滚动条区域的 bg 和 margin 的 bg 设置成一样的

ByteRan

Jul 18, 2021

隐藏滚动条，然后自定义