Пустая высота элемента div в каркасной структуре?

Question

СТРАННО, в каркасной структуре, если я удаляю содержимое из последних двух div (из трех div, появляющихся в строке), а затем пытаюсь отобразить высоту этих двух div с высотой первого div, применяя высоту:100% к html, body, parent и все эти три / два последних дел.

Высота не соответствует ни одному элементу. Кроме того, высота выглядит странно другой при просмотре в браузере (Mozilla / Chrome) с открытой панелью "Проверка элемента" и без нее.

Кто-нибудь может объяснить, почему это произошло. И как в этом случае можно достичь высоты пустого div.

<------------------------------------------------- >

<------------------------------------------------- --->

@mamuz, я говорю о скелетном коде по умолчанию [пакет html/css], который можно скачать в разделе загрузки на сайте скелета, т.е. http://www.getskeleton.com/. Я попытался добавить атрибут высоты для трех элементов div, которые появляются внизу в разделе рядом друг с другом подряд с заголовками "О каркасе", "Три основных принципа" и "Документы и поддержка" соответственно.

Я добавил следующие строки в макет CSS:

html {
  height: 100%;
 }

body {
  height: 100%;
 }

.main { <!--class name applied to container or parent div -->
  height: 100%;
 }

.first-child, .second-child, .third-child { <!--class name given two three divs from left to right-->
  height: 100%;
 }

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