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

2021-07-18 13:22:15 +08:00
 zxCoder

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

然后还有 padding: 20px;

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

1240 次点击
所在节点    CSS
4 条回复
temporary
2021-07-18 13:31:15 +08:00
padding-left:calc(100vw - 100% + 20px);
查一查 calc 干嘛的不就知道了
iMusic
2021-07-18 14:42:08 +08:00
overflow: overlay;
Leviathann
2021-07-18 19:03:19 +08:00
我用的是 overflow: auto，然后把滚动条区域的 bg 和 margin 的 bg 设置成一样的
tanranran
2021-07-18 21:56:14 +08:00
隐藏滚动条，然后自定义

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/790188

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX