使用 Flex 的 Divs 右侧的奇怪间距

Question

在我的代码中找不到额外的间距。谁能指出我的 CSS 的哪一部分导致了这个问题？我已经梳理了所有的 CSS，但找不到任何删除它或添加这个额外填充的东西。

查看图片：https://i.stack.imgur.com/ikPMo.png

Answer 1

如果您发布一小段代码或实时预览链接（通过 codepen 等），则更容易获得答案，但从图片中看，您似乎没有删除 default browser styles .

添加类似这样的内容：

*, html {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

或者，导入一个css reset stylesheet - 这会产生比你想要的更多的影响。