為什么瀏覽器沒有顯示我的html文件中提到的邊框的確切尺寸？

我試圖研究CSS中的盒子模型，所以我創建了一個盒子，并定義了一些屬性，但檢查邊框大小，它并不像我在代碼中提到的那樣精確，其他一切都很好。

.box {
  height: 400px;
  width: 400px;
  background-color: black;
  border-left: 5px solid red;
  border-right: 5px solid red;
  border-top: 5px solid red;
  border-bottom: 5px solid red;
  padding: 10px;
  margin: 10px;
}

.white {
  height: 50%;
  width: 50%;
  background-color: red;
  border: 2px solid black;
  margin: 10px;
}

<div class="box">
  <div class="white">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa</div>
</div>

這將返回全屏。此外，檢查尺寸鉻合金的大小，以便您可以提供適當的尺寸。

此外，也請查看此解決方案以獲得進一步的幫助。

Screen {
     availWidth: 1920,
    availHeight: 1040,
    width: 1920,
    height: 1080,
    colorDepth: 24,
    pixelDepth: 24,
    top: 414,
    left: 1920,
    availTop: 414,
    availLeft: 1920
}