html - 页面标题向右延伸到浏览器边缘，但主体有间隙，导致外观不一致

Question

我正在为我的类(class)写一个网页，它是一个相当简单的页面，但我注意到一个我无法解决的问题，那就是网站的标题一直延伸到页面的边缘，但页脚和主体有一个空白空间，这意味着它们不会向侧面伸出那么远。不确定如何解决这个问题任何答案表示赞赏

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

Answer 1

您需要将 box-sizing 添加到页眉，以便 width:100% 包含填充并且不会溢出页面。中间位置也不是问题。我会把它取出来并保留为默认position:relative；

更多关于盒子大小的信息在这里:http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

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