html - 当我的总宽度为100vw时，为什么会有一个水平滚动条？

This question already has answers here:

How wide is the default `<body>` margin?

                                    （2个答案）


                                2年前关闭。


这是代码。我不知道为什么会有水平滚动条。

<html>
<head>
</head>
<body style="width: 100vw">
<div style="float: left; width: 220px">a</div>
<div style="float: left; width: calc(100vw - 220px)">b</div>
</body>
</html>

最佳答案

这是由于浏览器样式表中的默认margin。

body {
  margin: 0;
}

<html>

<head>
</head>

<body style="width: 100vw">
  <div style="float: left; width: 220px">a</div>
  <div style="float: left; width: calc(100vw - 220px)">b</div>
</body>

</html>

关于html - 当我的总宽度为100vw时，为什么会有一个水平滚动条？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51445729/