0

ページの特定の部分を背景色で塗りつぶそうとしています。背景色をビューポートの幅全体に塗りつぶしたいのですが、高さは固定されています。これが私が試したことです：

<div id="theDiv" style="width: 100%; height:200px; background-color:black;">
    Blah blah blah, content goes here.
</div>

しかし、私が何をしようとも、これは常にdivの両側、divの端とビューポートの境界の間に小さな白い余白を与えます。ビューポートの幅全体をdivで埋めるにはどうすればよいですか？

<body>画面の特定の垂直部分を塗りつぶすだけでよいので、タグのbgの色を変更したくありません。

私がまだ試していないと思う唯一のことは、1px幅のbg画像を作成し、それをx-repeatに設定することです...これよりもエレガントな解決策はありませんか？

4

1 に答える 1

5

bodyとの幅htmlを 100% に、パディングとマージンを 0 に設定してみてください。

また、スタイル シートの先頭に CSS リセット ルールを適用することもできます。この CSS リセットhttp://meyerweb.com/eric/tools/css/reset/または google を別のものに使用できます。

于 2012-08-16T11:39:35.120 に答える