0

Web ページの 4 辺に境界線を追加したい (黒色 25px 幅)。今はラッキーではありません。

デモで私のjsfiddleを見てください。

部分CSS:

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

1 に答える 1

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;フッターからも削除しました。今では動作します。

于 2013-06-13T13:42:30.217 に答える