0

我有一个div应该完全填充视口，使用height: 100vhand width: 100%，但是（至少在 Chrome 和 Safari 中）稍微大一点，以便生成滚动条。为什么会这样以及如何获得我想要的 div？示例代码是：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>test</title>
    <style>
        .box {
            height: 100vh;
            width:100%;
            border: 2px solid blue;
            box-sizing: border-box;
        }
    </style>
</head>
<body>
<div class="box"></div>
</body>
</html>
4

1 回答 1

0

添加这个以避免默认margin的bodyandhtml

html, body {
  margin: 0;
}
于 2019-12-01T22:47:08.083 回答