Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html chrome扩展浏览器操作弹出窗口中幻影滚动条大小的边距_Html_Css_Google Chrome Extension - Fatal编程技术网

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。