我尝试理解为什么如果我定义div元素并将其定位为视图左侧的视图，而不定义其高度并且没有放入一些内容，它会获得视口的所有可用高度？
我的意思是我使用div，它是块元素，根据其内容获得高度（如果没有另外定义），在这种情况下div没有任何内容，它是如何获得所有高度的？
我试着在规范中找到它 W3org 但它没有任何关于它的说法。
HTML中的定义：
<div id="left"></div>
定义：
#left {
position: fixed;
top: 0;
bottom: 0;
width: 20px;
z-index: 30;
left: 0;
background: linear-gradient(to right, rgba(209, 209, 209, 0.69) 30%, rgba(88, 88, 88, 0.92));
}
以下是jsfiddle的链接：example
如果我将元素定义为：
position: absolute;
top: 0;
bottom: 0;
它获取document.documentElement.clientHeight的高度，在我的示例中，它比body / html小得多？ 我真的想了解这种行为。