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 chapter中的一定数量的行 - divL和divR停止延伸至100％的高度！

您可以看到here

Answer 1

使用css表。

<强> FIDDLE

.wpr
{
    display: table;
    width: 100%;
}
#divL{
    width:20%;
    height: 100%;
    background:#008080;

    display:table-cell;
}
#divR{
    width:80%;
    height: 100%;
    background:blue;

    display:table-cell;
}