我正在尝试在不使用Javascript的情况下将侧边栏扩展到整个文档高度。我开始编写一些代码来实现此目的，但是，两个div的高度都不会在视口大小之后扩展。
这是我的问题的一小段代码，http: //codepen.io/anon/pen/bpAzo 。如您所见，如果向下滚动，两个侧边栏的高度都将设置为视口大小，这很奇怪，因为我都将它们都设置body, html, #sidebars为height: 100%;。
有没有一种方法可以在不使用Javascript的情况下扩展到整个页面高度？
谢谢你。
您只需将侧边栏高度设置为100％，即可使其仅占当前浏览器大小的100％。删除边栏的高度，并删除html和主体代码。
#sidebar {
position: absolute;
top: 0;
width: 100px;
color: green;
color: #FFFFFF;
}
.left {
background-color: blue;
left: 0;
}
.right {
background-color: red;
right: 0;
}
此处演示
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句