html溢出不显示,html – CSS高度100％溢出：自动不显示所有嵌套内容

基本上我有一个单页

HTML应用程序,其中包含所有固定位置,我只希望一个窗格具有可滚动内容.一切都按预期工作,但我无法滚动到内部容器容器的底部.我已经尝试将所有东西都移到abs pos,我已经尝试了所有我能够找到的解决方案,但是没有骰子.这是一个小提琴(

http://jsfiddle.net/yhhjL/),这里是我的标记和CSS的粗略模拟：

HTML

Company

First	Second	Third	Fourth
First	Second	Third	Fourth
First	Second	Third	Fourth
First	Second	Third	Fourth
First	Second	Third	Fourth
First	Second	Third	Fourth
First	Second	Third	Fourth
First	Second	Third	Fourth
First	Second	Third	Fourth
First	Second	Third	Fourth
First	Second	Third	Fourth
First	Second	Third	Fourth
First	Second	Third	Fourth
First	Second	Third	Fourth
First	Second	Third	Fourth
First	Second	Third	Fourth
First	Second	Third	Fourth
Last	Last	Last	Last

CSS

body {

margin:0;

padding: 0

}

header {

width: 100%;

height: 50px;

position: fixed;

background: black;

color: white;

}

.fixed-row-one {

width: 100%;

height: 50px;

position: fixed;

top: 50px;

background: #AAA;

color: white;

}

.fixed-row-two {

width: 100%;

height: 50px;

position: fixed;

top: 100px;

background: #e51837;

color: white;

}

.fixed-stage-left {

width: 50%;

height: 100%;

position: fixed;

overflow: hidden;

top: 150px;

left: 0;

background: #f1f1f1;

color: #000;

}

.scrollable {

width: 100%;

height: 100%;

background: #262626;

overflow: auto;

position: absolute;

}

.scrollable table tr{

width: 100%;

height: 50px;

color: white;

border-bottom: 1px solid #CCC;

}

.fixed-stage-right {

width: 50%;

height: 100%;

position: fixed;

overflow: hidden;

top: 150px;

right: 0;

background: #0cf;

color: #000;

}

任何想法将不胜感激.