div останавливается после определенного количества строк в дочернем div

Question

div останавливается после определенного количества строк в дочернем div

0

<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%!?

Вы можете увидеть здесь

bonaca 02 окт. 2013, в 09:33

Источник

Теги:

html

css

1 ответ

Ещё вопросы

Danield · Accepted Answer · 2013-10-02T05-33-00.000Z

Используйте таблицы 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;
}