无法填充div元素高度以适应屏幕？

Question

我尝试了很多，但是当我通过ctrl +＆＃39; - ＆＃39;放大浏览器时，无法使div适合屏幕。 ，不知道为什么身高：100％的风格，div.style不起作用

＆＃13;

＆＃13;

div.left {
  width: 100px;
  height: 100%;
  background-color: #ff0000;
}

＆＃13;

<div class="left" id="left_panel">
  hello
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

默认的浏览器特定样式。您需要覆盖默认的浏览器样式。

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

Answer 2

请参阅摘录。

html,
body {
  margin: 0;
  padding: 0,
  width: 100%;
  height: 100%;
}

.left {
  width: 100px;
  height: 100%;
  background-color: #ff0000;
}

<div class="left" id="left_panel">
  hello
</div>