在 HTML 上轻微水平滚动，即 100%vw

Question

我有一个简单的 bootstrap hero/jumbotron，它显示出一些轻微的水平滚动，我正在失去理智试图找出导致它的原因。

我有 Bootstrap "jumbotron" 100vw，但它仍然显示图像末尾和滚动条之间有间隙。

https://codepen.io/bencasalino/pen/yrQgrp

` html, body {

width: 100vw;

} `

Answer 1

在 css

中添加以下行

* {
  margin: 0;
  padding: 0;
}

因为浏览器应用默认 margins/paddings。最好先清除默认值 margins/paddings，这样才不会干扰我们的计算。