Html chrome扩展浏览器操作弹出窗口中幻影滚动条大小的边距
我有一个浏览器操作弹出窗口,每当我使内容大到足以生成一个滚动条时,就会得到一个等于滚动条宽度的边距。这意味着如果我更改Html chrome扩展浏览器操作弹出窗口中幻影滚动条大小的边距,html,css,google-chrome-extension,Html,Css,Google Chrome Extension,我有一个浏览器操作弹出窗口,每当我使内容大到足以生成一个滚动条时,就会得到一个等于滚动条宽度的边距。这意味着如果我更改::-webkit滚动条的宽度,则边距的大小将更改 有趣的是,只有在元素上设置了显式宽度时,才会发生这种情况。因此,如果我将html设置为width:400px,它将获得边距。如果将li设置为具有宽度:400px,它将获得边距。我尝试设置*{margin:0!important},但即使这样也不能解决问题。我能找到的唯一解决办法是设置负边距 更疯狂的是,看看html的计算样式,没
::-webkit滚动条的宽度
,则边距的大小将更改
有趣的是,只有在元素上设置了显式宽度时,才会发生这种情况。因此,如果我将html
设置为width:400px
,它将获得边距。如果将li
设置为具有宽度:400px
,它将获得边距。我尝试设置*{margin:0!important}
,但即使这样也不能解决问题。我能找到的唯一解决办法是设置负边距
更疯狂的是,看看html
的计算样式,没有边际
如何删除此页边距?我能找到的最佳解决方案是通过Javascript将负边距设置为右等于滚动条的宽度,但这有点不雅观。是否有一个CSS唯一的解决方案
下面是一个示例,展示了一堆
的外观
请参阅。尝试html{overflow:overlay;}很好的解决方法。如果你回答这个问题,我会接受。你在Firefox中也有这个问题吗?是的,覆盖解决方案并没有解决这个问题。经过进一步研究,overlay
将不起作用,因为它在Firefox中不受支持,而且是一个似乎记录了这个问题的bug。