Я занимаюсь созданием веб-сайта, и у меня возникла проблема -
Между моим нижним колонтитулом и остальным содержимым есть огромное пространство. У меня есть контейнер, который содержит весь мой контент, включая мой нижний колонтитул, однако есть отдельный div, содержащий содержимое внутри этого контейнера. У контейнера div нет установленной высоты, поскольку он должен расширяться с содержимым.
CSS для контейнера:
.middle-container {
margin:0 auto;
margin-bottom:40px;
width:980px;
background-color:hsla(90,10%,20%,1);
padding-top:15px;
}
Мой нижний колонтитул не содержит никакого кода, который должен повлиять на это, так как когда я полностью удаляю его, дополнительная высота все еще там. Я пробовал все, что мог, но я не очень продвинутый в CSS, все еще учась. Я бы опубликовал все содержимое CSS здесь, однако это большой файл, поскольку он имеет код для нескольких страниц и предназначен для личного сайта.
Если у вас есть какие-то идеи или я не вижу ничего очевидного, сообщите мне.
Также, если я добавляю высоту 400 пикселей в контейнер, он все равно не уменьшает пространство - он просто удаляет цвет фона, а мой нижний колонтитул по-прежнему на 500/600 пикселей ниже содержимого.
благодаря
Удалите margin-bottom:40px;
и это должно избавиться от разрыва.
Небольшое примечание, которое ваш CSS должен выглядеть так:
.middle-container{
margin:0 auto 40px;
width:980px;
background-color:hsla(90,10%,20%,1);
padding-top:15px;
}