html - マージンの使用方法に関する情報

Question

マージンの使用方法とパディングの正確な仕組みに関する情報が必要です。

例: ページの幅全体を占めるように線を配置する必要があります (Web ページの表示に使用される解像度に関係なく)。両側に小さな境界線だけを残す必要があります。どうすればこれを実現できますか?

Answer 1

これを見てください：http://redmelon.net/tstme/box_model/

基本的に、要素はコンテンツで構成され、パディング、ボーダー、マージンで囲まれています。背景画像は境界までしか伸びません。マージンは、「この要素の周囲の空白」として最もよく説明されています。

しかし、上記の URL を見て、試してみるためのテスト ページを作成してみてください。

Answer 2

これを説明するもう 1 つの方法は、ボックス モデルです。パディングは、ボックスの内側の「マージン」です。マージンは、ボックスの周囲のバッファーです。

Answer 3

これはあなたが望むことをするべきだと思います:

<table width="100%" cellpadding="5">
  <tr>
    <td>
One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... 
    </td>
  </tr>
</table>

width を "100%" に設定すると、テキストは全幅を使用するようになり、cellpadding を "5" に設定すると、5 ピクセルの非表示の境界線が設定されます。