chrome扩展浏览器操作弹出窗口中的幻像滚动条大小的边距

时间:2018-06-27 00:40:21

标签: html css google-chrome-extension

我有一个浏览器操作弹出窗口,只要我使内容大到足以产生滚动条,就会获得等于滚动条宽度的边距。这意味着,如果我更改::-webkit-scrollbar的宽度,则页边距的大小也会更改。

有趣的是,只有在元素上设置显式宽度时,才会发生这种情况。因此,如果我将html设置为width: 400px,它将获得边距。如果将li设置为width: 400px,它将获得页边距。我尝试设置* { margin: 0 !important },但是即使那样也不能解决问题。我唯一能找到的解决方案是设置负边距。

即使疯狂,看看html的计算样式,也没有空白。

enter image description here

如何删除此保证金?我可以找到的最佳解决方案是通过Javascript将负margin-right设置为等于滚动条的宽度,但这有点不雅观。是否有仅CSS的解决方案?

下面是一堆<li>的外观示例。

enter image description here

0 个答案:

没有答案