html - div は、子 div の特定の行数の後にストレッチを停止します

Question

<img id='imgT' src="...">

    <div id="divL"></div>
    <div id="divR">
        <div id='chapter'>
            aaaaaaaaa<br>
            aaaaaaaaa<br>
            aaaaaaaaa<br>
            aaaaaaaaa<br>
            .....
            .....
    </div>
    </div>

CSS

html { height: 100%; }
body{
    height: 100%;
    max-width:1024px;
}
#imgT{
    width:100%;
    border:thin solid blue;
    display:block;
}
#divL{
    width:20%;
    height: 100%;
    background:#008080;
    float:left;
}
#divR{
    width:80%;
    height: 100%;
    background:blue;
    float:left;
}

divで一定数の行の後、100％の高さまで伸びるのをやめます chapter! divL?divR

ここで見ることができます