css 垂直列不会 100% 垂直

Question

我的网站是http://davewagnerart.com/index.html

我希望左侧有我的缩略图的黑色栏一直到网站底部...似乎无法做到这一点。我的拇指 CSS 是:

#thumbnails  {
    position:absolute;
    top: 110px;
    width: 190px;
    height: 100%;
    min-height: 100%;
    background-color: #000000;
}

Answer 1

您还必须设置 body 和 html 元素的高度。

html, body {
   height:100%;
}

告诉子元素 (#thumbnails) 为 100% 高度，它会查看其父元素以查看它们有多大，并且它将是它们的 100%。然而，如果父元素不知道它们有多大，子元素就不能按照它的指示去做。

如果你有兴趣可以了解视口(viewport)