html - 余白に 8px を追加

Question

私は 2 つの div を持っています。1 つは position :absolute を使用し、もう 1 つは position : static (デフォルト)
left による絶対位置: 100px を使用しています。
margin-left による静的位置: 100px

なぜ彼らは同じ場所に位置していないのですか？

8pxはどこですか？

score 1 · Accepted Answer

フィドルへのリンクを投稿するのはいいことですが、それまでは次のように設定してみてください。

html, body
{
  margin: 0;
  padding: 0;
}

絶対配置のはドキュメントの通常の流れから除外されているため、 staticと絶対divの配置の間の不一致は、 staticを含む要素のやのセットによって引き起こされる可能性が最も高いです。divdivmarginpaddingdiv

score 0 · Accepted Answer

要素はデフォルトでページにコード化された順序で表示されるため、絶対位置の div は特定の場所になります。ただし、2 番目の div は最初の div の後にあります。つまり、マージンの CSS は左: 100px; 実際には、100px とページの左側から最初の div の幅を超えて移動します。

score 0 · Accepted Answer

0

境界線の幅が 2 ピクセル (合計) で合計 8 ピクセルではないですか?

于 2013-07-17T03:35:44.257 に答える

score 0 · Accepted Answer

ボディマージンを削除する必要があります。

    body {
      margin:0px;
    }

絶対 div は「HTML」の子です。static div は「Body」の子です。デフォルトでは、本文には 8px の余白があります。

4 に答える 4