У меня возникают проблемы, создавая чувствительный нижний колонтитул, который всегда остается в нижней части страницы. Код, я на самом деле, используя это:Отзывчивый нижний колонтитул всегда в нижней части
body
{
margin: 0 0 200px; //Same height of the footer
}
footer
{
position: absolute;
left: 0;
bottom: 0;
height: 200px;
width: 100%;
overflow: auto;
background-color: rgba(67, 191, 115, 0.95);
}
Я использую:
<div class='main-content'>
//Content
</div>
<footer>
//Footer content
</footer>
Ну, проблема, если изменить размер экрана и содержание больше, чем разрешение футер позволяет белым пространство, например:
Я пытаюсь решить эту проблему. Если я использую position: fixed
, проблема исчезает, но я не хочу, чтобы нижний колонтитул следовал за прокруткой. Я думаю, что проблема в 100-процентной ширине. Нижний колонтитул этого сайта, переполнение стека, работает, как мне нужно. Если я изменяю размер окна, нижний колонтитул остается тем же, без пробела. Как достичь этого? Как сделать нижний колонтитул шириной без пробела, даже если разрешение ниже, чем здесь, например, в переполнении стека?
https://css-tricks.com/snippets/css/sticky-footer/ –
Под «всегда внизу» вы имеете в виду нижнюю часть окна в нижней части страницы? Абсолют будет перемещаться относительно размера страницы (всегда в одном месте на странице), а фиксированное - это то же самое место на экране (удалено из потока документов) - это то, с чем вы столкнулись? – CalebB
Также попробуйте добавить это в начало вашего документа css: '* {margin: 0; обивка: 0; } body, html {width: 100%; высота: 100%; } 'может помочь. – CalebB