Как мне заставить нижний колонтитул не блокировать раздел div в HTML?

#html #css

#HTML #css

Вопрос:

Я загрузил изображение проблемы. https://i.stack.imgur.com/SMHM2.png

———

     #footer{
    position:fixed;
    left:0px;
    bottom:0px;
    height:30px;
    width:100%;
    background:#951;
}
#content{
     width: 80%;
  height: 100%;
  float: left; 
}
  

Если кто-нибудь может рассказать мне о проблеме или дать какой-либо совет, я был бы очень признателен. Спасибо!

Комментарии:

1. Похоже, что float: left; это может быть причиной. Что вы пытаетесь с этим сделать?

2. HTML-код? ваш нижний колонтитул находится в теле?

Ответ №1:

Самым быстрым решением было бы добавить некоторый интервал внизу, чтобы как бы раздвинуть область просмотра:

 #content{
  margin-bottom: 150px; /* <-- Adjust if necessary */
  width: 80%;
  height: 100%;
  float: left; 
}
  

Комментарии:

1. Просто немного подправил его, и сейчас он отлично работает. Спасибо!