html - css 如何制作具有滚动支持的全高 div？

Question

我可以制作全高 div，但如果内容比屏幕长，div 将保持 100%，而不是全高。所以，我想要全高固定 div。但我不能做固定的。我用的是这种风格；

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

和CSS；

html,body {height: 100%;background:#fff}
#left {height: 100%; width:200px; position:absolute; top: 0; left:0; background: black;}
#right {height: 100%; margin-left:200px; background: red;}

这是我在#right div 中写了太长的内容后的结果。

https://jsfiddle.net/hq21zmq8/

如您所见，如果内容比 div 长，则 div 不会变长。我怎样才能固定高度？

Answer 1

如果需要滚动条，添加overflow: scroll

#right {高度:100%；左边距:200px；背景:红色；溢出:滚动；

或

溢出:自动

是否在不需要时隐藏滚动条。正如@Sverri M. Olsen 所说:)