0

頭から髪を引っ張り始めています...

私は次のものを持っています：

<html>
<head>
<style>
    body { margin:0 auto; }
</style>
</head>
<body>
    <div style="border: solid 1px red; width: 100%;">test</div>
</body>
</html>

これはIEで機能し、100％幅、Hスクロールバーなしの素晴らしいdivを生成します...

ChromeとFFでは、ウィンドウより1px広く、Hスクロールバーが発生します...

何故ですか？代わりに何を使用する必要がありますか？

どうもありがとう！アルバート

編集：

div {マージン：0;を追加しました }頭に、幅を削除しました：100％、それはうまくいきました、ありがとう。

4

6 に答える 6

3

はのborder外にあるwidthので、 になります100% + 2px。プロパティをドロップするだけwidthです。div はデフォルトで 100% 幅です。

于 2010-03-31T11:35:55.387 に答える
1

スカベンジャーがすでに指摘したように。div のマージンが問題です。次のコマンドですべてをリセットします。

<style>
  * { margin:0; }
</style>

詳細については、すべてのブラウザで CSS を同じデフォルト値にリセットすることについて、Eric Meyer によるこの記事を読むことをお勧めします。

于 2010-03-31T11:27:17.380 に答える
0

div のマージンを無効にするのを忘れました。

于 2010-03-31T11:19:39.927 に答える
0

width:100%を置き換えますmargin:0px

于 2010-03-31T11:23:04.817 に答える
0

これにはまだ問題がありました。最終的に、style="zoom: 1;" を追加しました。divへ

<div style="zoom: 1;">
    <div style="zoom: 1;">
        <table style="width: 100%"...
        ...
        </table>
    </div>
</div>

オーバーフローを伴う DIV:auto と 100% 幅のテーブル

于 2010-03-31T12:45:46.467 に答える