Javascript 为什么{{宽度：“100vw”，高度：“100vh”}比我的浏览器窗口大？（未应用边距：0）

我制作了一张{{宽度：100vw，高度：100vh}的地图，它比我的浏览器窗口大

<div id="map" style={{ width: "100vw", height: "100vh", margin: "0", padding: "0"}}></div>

---

浏览器默认样式包括这些元素的间距，因此您必须从Css中的和元素中删除边距和填充：

html,
body {
   margin: 0;
   padding: 0;
}

---

浏览器默认样式包括这些元素的间距，因此您必须从Css中的和元素中删除边距和填充：

html,
body {
   margin: 0;
   padding: 0;
}

---

这个问题也让我恼火。然后我尝试宽度：100%；除宽度外：100vw；它成功了。 所以，试试看，让我知道它是否适合你，拉索

<div id="map" style="width: 100%; height: 100vh;"></div>

---

这个问题也让我恼火。然后我尝试宽度：100%；除宽度外：100vw；它成功了。 所以，试试看，让我知道它是否适合你，拉索

<div id="map" style="width: 100%; height: 100vh;"></div>

---

在我使用该样式之前，地图超出了浏览器窗口。之后我将其添加到调试中。在我使用该样式之前，映射超出了浏览器窗口。我把它添加到调试之后。谢谢你的回答。我试过了，但React出于某种原因不接受。1 jsboxSizing:border Box谢谢你的回答。我试过了，但React出于某种原因不接受它。1 jsboxSizing:border boxIt’s理想的做法是在CSS重置中包含前后伪元素，如*，*：：before，*：：after{margin:0；padding:0；}，但并不总是必需的。理想的做法是在CSS重置中也包含前后伪元素，如*，*：：before，*：：在{margin:0；padding:0；}之后，但并不总是必需的。

<div id="map" style="width: 100%; height: 100vh;"></div>