Почему моя <div>не расширяется до высоты: 100%?

Question

У меня есть 3 div, которые соответствуют этому.

У меня есть #wrapper, который обволакивает все вокруг. Это #EEE У меня есть #contain, который находится внутри #wrapper сразу после. Это #FFF (часть с контентом)
У меня есть #secondaryContent, высота которого: 100% отлично, позиция: исправлена. который находится внутри обоих этих div'ов.

Я добавил границы ко всем основным элементам div, чтобы посмотреть, что случилось.

Ладно, дно среднего делителя должно доходить до дна на 100%, не показывая серого цвета из обертки. Если вы внимательно посмотрите вверху страницы, то увидите фиолетовую линию. На самом деле это div с именем #content, в котором должны быть все посты. Я не знаю, что он показывает, как будто в нем ничего нет, но он должен // (* исправлено * - см. Второй ответ).

Вы можете увидеть, что я имею в виду через мой сервер.

Сервер

FIX ***
класс .container, который применяется к div #wrapper - это то, что все испортило.

Answer 1

Я думаю, это потому, что в #Content div есть поплавки.

Вы можете добавить этот класс "hasFloats" как в ваш CSS-файл, так и в #content div.

ОБНОВЛЕНО

.hasFloats { _height: 1%; }

.hasFloats:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; font-size: 0; }

<div id="content" class="hasFloats">

надеюсь, это поможет.

Answer 2

Существует класс с именем 'container', который применяется к div 'wrapper'. Этот контейнер классов взят из другой таблицы стилей, предоставленной Habari CMS, которую я использую. После удаления этого класса из div высота теперь увеличивается до окна документа.

Answer 3

Вам необходимо установить для body значение height: 100%, иначе оно не займет весь экран.

РЕДАКТИРОВАТЬ: Извините, я ответил перед просмотром сайта. Если он не занимает полную высоту, вы проверили на превышение margin или padding?