Как настроить высоту содержимого div?

Question

У меня есть заголовок div, навигация по div и контенту в моем приложении. Я хочу настроить высоту содержимого div для содержимого и использовать скроллер, если это необходимо.

Css элемента div:

// the parent div
.bookManage {
    height: 100%;
}

.books {
    border-left: 1px solid gray;
    overflow: auto;
    height: 60%; // it is work only for specific number of elements. When I added more elements the height doesn't increase.
}

Я также пытаюсь:

// the parent div
.bookManage {
    height: 100%;
}

.books {
    border-left: 1px solid gray;
    overflow: auto;
    min-height: XXpx \ XX%; // the size of the div doesn't increase 
}

Есть идеи?