页眉向右延伸到浏览器的边缘，但主体有间隙，导致外观不一致

Question

我正在为我的课程编写一个网页，它是一个相当简单的页面，但我注意到一个我无法解决的问题，并且它是网站的标题直接延伸到页面的边缘，但页脚和主体有一个白色空间的间隙，这意味着它们不会伸到一边。不知道如何修复这个任何答案表示赞赏

这里是我的代码的pastebin如果你想看看，前半部分是css，下半部分是html http://pastebin.com/P86dFrcE

Answer 1

您需要在标题中添加box-sizing，以便宽度：100％包含填充，并且不会溢出页面。位置中间也不是一件事。我把它取出并保留为默认位置：relative;

有关框尺寸的更多信息，请访问：http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

.header{
    min-height: 40px;
    margin-bottom: 5px;
    width:100%;
    box-sizing:border-box;
}