Блог

Главная - Вопросы по программированию - Ненужное пространство под нижним колонтитулом

Ненужное пространство под нижним колонтитулом

#html #css #footer

#HTML #css #нижний колонтитул

Вопрос:

Итак, я пытаюсь добавить нижний колонтитул, но в конце у него есть ненужное пространство в 2 строки, и это тоже в цвете фона страницы. Как мне это исправить?

 footer {
    text-align: center;
    background-color: orange;
    margin-bottom: -200px;
    height: 5em;
}

.contact {
    padding: 0px;
}

.contact a {
    color: black;
    margin-top: 30px;
}  

     
 <footer>
  <div class="container contact">
    <div class="row">
      <div class="col-md-12 align self-center">
        <p> Made with ❤ by Team PitchTeen </p>
        <a class="contact-link" href="mailto:teampitchteen@gmail.com">teampitchteen@gmail.com</a>
      </div>
    </div>            
  </div>
</footer>

Ответ №1:

Если с «ненужным пробелом в 2 строки в конце», вы имеете в виду «заполнение» внизу после ссылки, вы можете просто удалить height из footer свойств CSS, например:

 footer {
    text-align: center;
    background-color: orange;
    margin-bottom: -200px;
    /*height: 5em;*/
}

/* useless too now
.contact {
    padding: 0px;
}*/

.contact a {
    color: black;
    margin-top: 30px;
}   
 <footer>
  <div class="container contact">
    <div class="row">
      <div class="col-md-12 align self-center">
        <p> Made with ❤ by Team PitchTeen </p>
        <a class="contact-link" href="mailto:teampitchteen@gmail.com">teampitchteen@gmail.com</a>
      </div>
    </div>            
  </div>
</footer>