Я хочу макет div с двумя столбцами, где каждый может иметь переменную ширину, например

div {
    float: left;
}
.second {
    background: #ccc;
}

<div>Tree</div>
<div class="second">View</div>

Я хочу "посмотреть" div, чтобы развернуть на всю ширину, доступную после «дерева» div заполнил необходимое пространство. В настоящее время мой "просмотр" div изменяется до содержимого, которое он содержит Также будет хорошо, если оба div'а занимают всю высоту

Not duplicate disclaimer:

Расширить div до максимальной ширины, когда установлен float: left потому что там левый имеет фиксированную ширину.

Помогите с div - приведите div в соответствие оставшейся ширине потому что мне нужны две колонки, выровненные по левому краю