在网页周围添加边界

Question

我想在网页的四边添加边界（黑色25px宽）。现在不幸运。

请在demo.

查看我的jsfiddle

部分css：

body {
font-size: .85em;
font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
margin: 25px;
padding: 0;
background-color: #000000;
}

Answer 1

从body元素中删除背景和边距，然后将内容添加到HTML元素中：

* { /*this * selector selects every element*/
    box-sizing: border-box;
}

html{
    background: #000;
    padding: 25px;
}

body {
    font-size: .85em;
    font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
}

（也可以在所有内容上使用box-sizing: border-box;，以免填充边距和填充）

http://jsfiddle.net/CenND/4/

---

我还从页脚中删除了position: absolute;。现在它表现得很好。