CSS: Прижать подвал страницы к низу

Прижать подвал страницы к низу

// Прижимаем подвал высотой 300px к низу страницы
//      <div id="main">
//          <div id="content"></div>
//      </div>  
//      <div id="footer"></div>

* {
    margin          :   0;
    padding         :   0;
}   
    
html, body {
    height          :   100%;
}  
  
#main {
    min-height      :   100%;
}  
  
#content {
    position        :   relative;
    overflow        :   auto;  
    padding-bottom  :   300px;
}  

#footer {
    position        :   relative;  
    margin-top      :   -300px;   
    height          :   300px;  
    clear           :   both;
}   
// Сохранение селектора по id обязательно        
CSS 7.7 г. Просмотров: 1.9k
Оценить код:

Комментарии

Ваш комментарий будет первым.
Войдите, чтобы оставить комментарий.