在没有JS的情况下更改修复布局的动态div高度？

Question

所以我有一个布局，我对它有一些疑问。我不确定是否有可能，但我试一试！

从附图中可以看出，简而言之，我的问题是如何在需要WITHOUT JAVASCRIPT时使红色和蓝色div具有滚动条和适当的高度。 （使用JS它很好，但我必须发现它是否可以在没有它的情况下完成。） 因此，当分辨率较小时，红色和蓝色div也会变小，使用滚动条。 基本上这两个div的高度是唯一可变的东西。

使用纯CSS，SASS还是其他任何东西都可以吗？纯HTML和CSS可以像这样工作？ 对任何解决方案感兴趣。 谢谢！

这是它的模型，因此我们可以使用它。

jsfiddle

这是布局计划和一些信息： layout png http://kepfeltoltes.hu/140730/muse_layout_stack_www.kepfeltoltes.hu_.png

Answer 1

好吧，我设法达到了我想要的非常接近的东西！也许这是纯粹的CSS的结束。 这里是： http://jsfiddle.net/r42EQ/

唯一的一周是我必须指定左右内容的最高值：

.leftCont { top: 80px; background: #bf828c; }
.rightCont { top: 100px; background: #90a6ba; }

有没有办法让它更好地避免这些必须给出的最高值？ 我真的很感谢你！