Сделать DIV контейнера покрывающим 100% высоты содержащего DIV

#css #html #height

#css #HTML #высота

Вопрос:

Я работаю над новым веб-сайтом, и на одной из моих страниц я просто не могу заставить мой #main div, который является содержимым моей страницы, содержащим DIV, растягиваться достаточно долго, чтобы покрыть внутренний DIV.

Пожалуйста, проверьте это и укажите части моего CSS, которые нуждаются в исправлении. Большое спасибо всем.

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

1. bikey77 — Можете ли вы опубликовать соответствующий код здесь, в вопросе, чтобы он был полезен всем?

Ответ №1:

@bikey; в самый раз

 #main {
    background: none repeat scroll 0 0 #101010;
    border-color: #333333;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: 15px auto 0;
    overflow: hidden;
    padding: 20px;
    width: 920px;
}
  

Проблема в том, что у вас #main div есть floated элементы, поэтому вы должны сначала очистить его.
в приведенном выше примере я пишу overflow:hidden и удаляю height:100%

Ответ №2:

Просто удалите height: 100% из layout.css в #main{...} (строка 31 или около того) и добавьте <br style="clear:both;" /> после <div id="content">...</div>