HTMLコンテンツの周りのマージンを取り除くにはどうすればよいですか？

次のHTMLは正常に表示されます。HTMLコンテンツの周りのマージンを取り除くにはどうすればよいですか？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title>Hello</title> 
    </head> 
    <body> 
     <div style="width: 100px; height: 100px; background: red;"> 
      <div>Hello</div> 
     </div> 
    </body> 
</html>

しかし、私のdivとブラウザウィンドウの左端と上端の間に約10ピクセルのスペースがあります。 divをブラウザウィンドウに「貼り付ける」ように取り除く方法はありますか？

出典

2011-12-10 user380719

あなたは、ドキュメントにCSSを追加することができます....

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Hello</title> 
    <style type="text/css"> 
    body { margin:0; } 
    </style> 
</head> 
<body> 
    <div style="width: 100px; height: 100px; background: red;"> 
     <div>Hello</div> 
    </div> 
</body>

インラインスタイルのCSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Hello</title> 
</head> 
<body style="margin:0;"> 
    <div style="width: 100px; height: 100px; background: red;"> 
     <div>Hello</div> 
    </div> 
</body> 
</html>

すべてのブラウザのウィンドウの上端と左端には、デフォルトのマージンがあります。あなたのページに何も問題はありません。デフォルトマージンを削除するようブラウザに指示するだけで済みます。

出典

2011-12-10 17:27:47 Scott

CSSリセットを使用してください。

<style type="text/css">* { padding: 0; margin: 0; }</style>

出典

2011-12-10 17:25:37

他の要素のパディングと余白をそのまま残すには、本体をリセットするだけです。

body { padding: 0; margin: 0; }

出典

2011-12-10 17:27:04

bodyタグにスタイルを追加してみてください、次のように：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title>Hello</title> 
    </head> 
    <body style="margin: 0;"> 
     <div style="width: 100px; height: 100px; background: red;"> 
      <div>Hello</div> 
     </div> 
    </body> 
</html>

出典

2011-12-10 17:27:09 EmCo

-1

上記のコードのいずれかを実行しても、テーブルのプロパティをピクセルではなくパーセントで設定しても、ページの周りに余白タイプのスペースが残っている可能性があります。下のスクロールバーと同じように表示されます。

<table bgcolor="#FFFFFF" width="100%" cellspacing="0" cellpadding="4"> 
<tr> 
<td width="15%" align="left" valign="top" bgcolor="#B8B8B6"> 
</td> 
<td width="85%" bgcolor="#FFFFFF" align="left" valign="top"> 
</td> 
</table>

出典

2014-07-27 10:09:23

HTMLコンテンツの周りのマージンを取り除くにはどうすればよいですか？

答えて

関連する問題