html - 在网页周围添加边界

Question

我想在网页的四个边上添加边界(黑色 25 像素宽)。现在运气不好。

请在 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;。现在它的行为。