使侧边栏全页面高度

Question

我有一个 CSS 侧边栏，可以在我的网站上显示链接。但是，它没有按照我想要的方式填充整个页面高度。我怎样才能做到这一点？

JSFiddle： http: //jsfiddle.net/Pw4FN/

Answer 1

最简单的方法就是这样做：

height: 100vh;

其中“vh”代表浏览器窗口的垂直高度。响应浏览器和移动设备的大小调整。

Answer 2

您不能浮动绝对定位的元素。不要忘记将 body 和 html 节点的高度设置为 100%，并在 body 元素上使用填充以避免重叠。

body, html {
    height: 100%;
}
body {
    padding-left: 200px;
}