無法填充div元素高度以適應屏幕？

Question

我嘗試了很多，但是當我通過ctrl +' - '放大瀏覽器時，無法使div適合屏幕，不知道為什么高度：100％的風格到div.style不起作用

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

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

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>