javascript - 尝试制作 css 布局

Question

我尝试做下面的布局，但我希望旧浏览器也支持此布局，至少 IE8(ie7 和 ie6 支持也很好)。

数字为 2 的部分，高度为 100% 我的意思是高度为 100% - 50px 以上，同样适用于其他类似情况。基本上我想要下面的布局，所以它不会有 x 和 y 滚动。

我尝试了不同的方法并得出了这个丑陋的结果:

codepen

注意:我不介意使用 javascript，但更喜欢尽可能使用 css。

Answer 1

没有在所有浏览器中测试它，但似乎在 chrome 中工作。 http://codepen.io/anon/pen/GeBso/ 基本上我所做的是在一些 div 上使用位置 absolute 以使它们的高度为 100%，并在 chat< 内部的 div 上使用 float: left/ 分区。