1

重複の可能性:
div を取得してページ全体を移動する

たとえば、次のコードを作成する場合、マージンの後ではなく、ブラウザーの最初から開始する div タグを作成する必要があります。

<html>
<head>
<title>CSS Test</title>
<style type="text/css">
div
{
width:100%;
height:100%;
border:1px solid black;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>

div は、上、左、右からのマージンの後に始まります。しかし、margin:0px 0px; を作成しても、余白なしで開始したいです。それでもうまくいきません。では、マージンなしで作成するにはどうすればよいですか?その方法は画像でも使用できますか?

4

2 に答える 2

4

ブラウザーのユーザー エージェント スタイルは、body要素にパディングを自動的に追加します。それを除く：

html, body {
    padding: 0;
}

を調べる必要がありnormalize.cssます。これにより、これらの小さな問題がすべて解決されます。

于 2013-01-29T19:05:44.003 に答える
3 
html, body {
    margin: 0;
    padding: 0;
}
div {
    margin: 0;
    border: 1px solid black;
    width: 100%;
    height: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

がないbox-sizingと、幅 100%+2px、高さ 100%+2px の div になります。

于 2013-01-29T19:10:54.523 に答える