0

単純な問題:

デフォルトでは、たとえば、次のようなファイルがある場合:

<html>
  <div style="backgroundcolor:red;height:25px;width:100%;">
  </div>
</html>

ウィンドウの端から約10pxの余白があるdivを取得します-基本的にテキストでさえ埋めることができない空白があります。

しかし、私がこれを行うとき:

<html>
  <div style="backgroundcolor:red;height:25px;width:100%;position:absolute;top:0;left:0;">
  </div>
</html>

私はそれをウィンドウの端に触れさせています-空白はありません。

中央のウィンドウが100%の幅に拡大し、左側の余白が見えないため、空白がさらに右側に広がり、両側の空白が非対称になるため、空白を削除したいと思います。

展開しているdivが中央に配置されており、一般的に絶対位置がかなり乱雑であるため、絶対位置を使用したくありません。

4

1 に答える 1

2

要素(body明示的に含めるかどうかに関係なく存在する)には通常、デフォルトのマージンが適用されます。これは、次のCSSで削除できます。

body { margin: 0; }

また、ソースをなどのdoctype宣言で開始し、HTMLとCSSが有効であること<!doctype html>を確認する必要があります。

于 2012-05-20T05:23:51.100 に答える