У меня проблемы с нижним колонтитулом - PullRequest
Новая
       7

У меня проблемы с нижним колонтитулом

0 голосов
/ 02 февраля 2020

Таким образом, я сбросил свой макет сетки на временной странице практики, хотя и не полностью, так как макет этой страницы очень похож на домашнюю страницу (предыдущая страница, которую я создал). Однако сразу у меня начались проблемы с колонтитулом. Он появляется рядом с частью контента и кажется там вот так , что бы я ни делал.

Единственное, что работает - это ставить position: absolute; bottom: 0;. Это заставляет нижний колонтитул находиться внизу, хотя когда я это делаю, слева остается пустое пространство размером ~ 10px , которое выглядит примерно так: , идентично отступу браузера по умолчанию, который уже должен был быть отключено для начала. Ничто из того, что я делаю, не удаляет этот интервал go.

На домашней странице нет проблем с нижним колонтитулом, поэтому я не понимаю, что нарушает нижний колонтитул.

Соответствующий код: 

<div class="content">
        <div class="parPlaceholder">stuff</div>
      <div class="footer">
        <div class="footerStuff">footer placeholder thing</div>
      </div> 

.footer {
  background-color: black;
  color: white;
  grid-row-start: 3;
  grid-row-end: 4;
  display: grid;
  padding: 15px;
  width: 100%;
  grid-gap: 10px;
  align-content: center;
}
.footerStuff {
  margin: 10px 5px;
  padding: 10px;
  background-color: #1f1f1f;
  color: white;
  text-align: center;
  border: 1px solid black;
}

1 Ответ

0 голосов
/ 02 февраля 2020

Пробел вызван стилем браузера по умолчанию на теле. Это можно исправить, переписав их в стиле ниже. 

body {
  margin: 0;
}
...