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;
}