Почему мой нижний колонтитул не сидит внизу

Я не понимаю, почему нижний колонтитул находится немного выше нижней части моей веб-страницы, а не прямо внизу

Почему мой нижний колонтитул не сидит внизу

h6 {
  font-family: Neue Haas Grotesk, sans-serif;
  font-weight: 300;
  font-size: 1.4vw;
  color: white;
  position: relative;
  display: block;
}

.footer {
  position: relative;
  display: inline;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
}
<div class = "footer">
  <h6>&copy; Alex Burger. All rights reserved<br>Further information can be requested through email.</h6>
</div>

Можно попробовать position:fixed вместо relative?

David R 08.06.2018 18:49

Возможно, это из-за вашего тега (h6), попробуйте использовать другой тег, например (p, div или span)

Azhy 08.06.2018 18:49

Добавьте свой полный код

Claire 08.06.2018 18:51

Поля нужно убрать. Дайте margin: 0.

Praveen Kumar Purushothaman 08.06.2018 18:51
codepen.io/alex-burger/pen/aKBMZp
user9757285 08.06.2018 18:55

using position: fixed помещает его вверху страницы

user9757285 08.06.2018 18:56

Возможный дубликат Как закрепить нижний колонтитул внизу страницы

Stephen P 08.06.2018 18:59

Удаление высоты: 100% должно работать

Rajesh Paudel 08.06.2018 19:07
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
8
58
1

Ответы 1

Тег <h6> имеет собственное поле. Итак, ваша проблема будет решена с помощью:

.footer h6 {
  margin-bottom: 10px;
}

Обратите внимание, что установка margin: 0px не принесла ожидаемого результата, это будет решено только изменением других частей вашего документа.

Другие вопросы по теме