Проблемы с clearfix

Я создал html и могу найти http://temp87.web44.net/temp.html . Проблема, с которой я сталкиваюсь, - это серая полоса внизу страницы после нижнего колонтитула, и страница не занимает 100% браузера.

Введите описание изображения здесь

CSS, который вызывает проблему..

.clearfix:after {
    content: ".";   //If this is commented out the page fits in perfectly, but the background of <div>storyWrapper clearfix</div> goes off.
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

Задача 2: Также мне нужна высота 

<div class="detailsContent"/>

, чтобы соответствовать автоматически в соответствии с разрешением экрана. Прямо сейчас вычисленная высота всегда 619px и в больших мониторах вся страница занимает всего 75% экрана.

1 2
html css clearfix

1 ответ:

Удалить "." из content. напишите так: 

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
2