Если вы хотите, чтобы средний элемент пролегал по всей странице по вертикали, вы можете использовать calc()
, который введен в CSS3.
Предполагая, что у нас есть фиксированная высота Предполагаемая разметка Итак, ваш CSS должен быть Итак, что вы делаете, добавляя высоту элементов и вычитая из Просто убедитесь, что вы используете
и html, body {
height: 100%;
}
header {
height: 100px;
background: grey;
}
section {
height: calc(100% - (100px + 150px));
/* Adding 100px of header and 150px of footer */
background: tomato;
}
footer {
height: 150px;
background-color: blue;
}
footer
элементов, и мы хотим, чтобы тэг section
занимал всю доступную вертикальную высоту ... html, body {
height: 100%;
}
header {
height: 100px;
background: grey;
}
section {
height: calc(100% - (100px + 150px));
/* Adding 100px of header and 150px of footer */
background: tomato;
}
footer {
height: 150px;
background-color: blue;
}
100%
с помощью функции calc()
. height: 100%;
для родительских элементов.
Код ответа 302 - это перенаправление на другой URL. Повторите запрос, используя вместо этого новый URL.