Html 固定定位元素获得所有高度的方式

我试图理解为什么如果我定义div元素并将其定位为固定的，在视口的左侧，而不定义其高度，也不向其中放入一些内容，它会获得视口的所有可用高度

我的意思是我使用div，它是一个block元素，根据它的内容（如果没有其他定义）获取它的高度，在这种情况下div没有任何内容，它如何获取所有的高度

我试着在网站的说明书中找到它 但它并没有说什么

HTML格式的定义：

<div id="left"></div>

}

以下是指向JSFIDLE的链接：

如果我将元素定义为：

   position: absolute;
   top: 0;
   bottom: 0;

它获取document.documentElement.clientHeight的高度，在我的示例中，它比body/html小得多？

---

我确实试图理解这种行为。

因为您指定了

top:0

和

bottom:0

。移除

底部：0

，它将需要一个高度

---

例如，在这个。

中，因为您指定了

top:0

和

bottom:0

。移除

底部：0

，它将需要一个高度

---

例如，在这个。

中，因为您指定了

top:0

和

bottom:0

。移除

底部：0

，它将需要一个高度

---

例如，在这个。

中，因为您指定了

top:0

和

bottom:0

。移除

底部：0

，它将需要一个高度

---

---

举个例子。

我理解它，我只是想知道为什么会发生？我试图在w3org的规范中找到它，但它没有说任何关于它的内容。你所说的“为什么会发生”是什么意思。之所以出现这种情况，是因为浏览器应该如何解释

0

的顶部和底部位置？把这个元素放在中间？它之所以发生，是因为它就是这样实现的。就像为什么

要把它的内容打通一样？它在css的任何规范中都没有提到，至少我找不到它。在我看来，它可以以不同的方式实现。这就是为什么我要问为什么浏览器会以这种方式实现它？它如何以不同的方式实现？您告诉它将上边距边缘放置在屏幕顶部，将下边距边缘放置在屏幕底部。这意味着它将占据整个高度。正是@MatthewDarnell所说的。这个规则没有其他解释。我理解它，我只是想知道为什么会发生？我试图在w3org的规范中找到它，但它没有说任何关于它的内容。你所说的“为什么会发生”是什么意思。之所以出现这种情况，是因为浏览器应该如何解释

0

的顶部和底部位置？把这个元素放在中间？它之所以发生，是因为它就是这样实现的。就像为什么

要把它的内容打通一样？它在css的任何规范中都没有提到，至少我找不到它。在我看来，它可以以不同的方式实现。这就是为什么我要问为什么浏览器会以这种方式实现它？它如何以不同的方式实现？您告诉它将上边距边缘放置在屏幕顶部，将下边距边缘放置在屏幕底部。这意味着它将占据整个高度。正是@MatthewDarnell所说的。这个规则没有其他解释。我理解它，我只是想知道为什么会发生？我试图在w3org的规范中找到它，但它没有说任何关于它的内容。你所说的“为什么会发生”是什么意思。之所以出现这种情况，是因为浏览器应该如何解释

0

的顶部和底部位置？把这个元素放在中间？它之所以发生，是因为它就是这样实现的。就像为什么

要把它的内容打通一样？它在css的任何规范中都没有提到，至少我找不到它。在我看来，它可以以不同的方式实现。这就是为什么我要问为什么浏览器会以这种方式实现它？它如何以不同的方式实现？您告诉它将上边距边缘放置在屏幕顶部，将下边距边缘放置在屏幕底部。这意味着它将占据整个高度。正是@MatthewDarnell所说的。这个规则没有其他解释。我理解它，我只是想知道为什么会发生？我试图在w3org的规范中找到它，但它没有说任何关于它的内容。你所说的“为什么会发生”是什么意思。之所以出现这种情况，是因为浏览器应该如何解释

0

的顶部和底部位置？把这个元素放在中间？它之所以发生，是因为它就是这样实现的。就像为什么

要把它的内容打通一样？它在css的任何规范中都没有提到，至少我找不到它。在我看来，它可以以不同的方式实现。这就是为什么我要问为什么浏览器会以这种方式实现它？它如何以不同的方式实现？您告诉它将上边距边缘放置在屏幕顶部，将下边距边缘放置在屏幕底部。这意味着它将占据整个高度。正是@MatthewDarnell所说的。这条规则没有其他解释。

   position: absolute;
   top: 0;
   bottom: 0;