clearfix的问题

Question

我已经创建了一个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%。

Answer 1

从content中删除"."。像这样写：

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