12

div にキャンバス オブジェクトがあります。キャンバスの周りには何らかのパディングがあるようです。私はその端がブラウザ画面の端に触れるようにしたい:

// my html file:
<body>
  <div id="canvasholder"></div>
</body>

// my java gwt code
Canvas canvas = Canvas.createIfSupported(); 
canvas.setWidth("100%");
canvas.setHeight("100%");
RootPanel.get("canvasholder").add(canvas);

しかし、ええ、ページにはキャンバス要素の周りにまだ〜20pxのマージンがあります. 上記のコピー以外に、ページには何もありません。

これはGWT固有の問題ではないと思います.html要素にデフォルトのパディング/マージンがあるのでしょうか?

ありがとう

- - - アップデート - - - - - -

奇妙なことにまだパディングが表示されています.firebugプラグインは、body要素に10pxのマージンがあることを示しています:

// firebug inspection of the body element:
body {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: black;
    direction: ltr;
    margin: 10px; // huh?
    padding: 0;
}

// my css file:
hml, body, div, canvas {
    margin: 0px;
    padding: 0px;
}
div.logParent {
    position: absolute;
    top: 20px; left: 20px;
    color: black;
    z-index: 2;
}
4

2 に答える 2

9

ご指摘のとおり、ブラウザーはさまざまな HTML 要素の既定のスタイルを実装しています (これらは標準化されていないため、ブラウザーごとにわずかに異なる既定値が実装されています)。あなたの目的のために、投稿された HTML を考えると、次のようなものが必要になります。

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

もちろん、これは物事を単純化しすぎfont-sizeており、デフォルト設定colorやbackground-colorプロパティも設定する価値があるかもしれません (他にもたくさんあります)。

参考文献:

于 2012-08-03T20:31:36.900 に答える