Question

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

<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>

Answer 1

这是由于浏览器样式表中的默认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>

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

1 个答案: