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