html - 100% 高度的问题

Question

我正在尝试使用宽度为 20%、高度为 100% 的侧面板，这样它们将根据浏览器的宽度和高度等重新调整大小。我的高度有问题 (100 %) 的 CSS 部分，但它似乎不适合浏览器窗口的整个高度 - 它只显示侧面板中 100% 的内容。

无论里面有多少内容，我怎样才能让侧面板到达页面底部？

#sidebar{
    float:left;
    position: relative;
    width: 20%;
    height: 100%;
    background-color: red;
}

Answer 1

高度 100% 总是很痛苦。

确保 html, body 也有 height: 100% 和任何包裹它的 div。