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

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

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»