Как увеличить div, чтобы заполнить пространство между двумя другими div? [дубликат] ⇐ CSS

[Anonymous]

У меня есть элемент div вверху страницы (#top) и элемент div, установленный в нижней части страницы с абсолютной позицией (#bottom). У меня есть элемент div посередине (#middle) с внутренним компонентом (#middle-inner). Я хотел бы увеличить этот средний компонент, чтобы он заполнил все пространство между #top и #bottom, не меняя размер внутреннего содержимого (#middle-inner). Верхний и нижний элементы div не должны иметь фиксированную высоту. Как я могу это сделать?

Код: Выделить всё

body {
height:100%;
}
#top {
background-color:purple;
}
#middle {
background-color:green;
}
#middle-inner {
width: 100px;
height:200px;
background-color: red;
}
#bottom {
background-color:blue;
width:100%;
position:absolute;
bottom:0px;
}




top

middle

middle inner



bottom

Подробнее здесь: https://stackoverflow.com/questions/791 ... other-divs