ホームページ > 記事 > ウェブフロントエンド > Firefox_Experience交換時のスタイル設定幅の奇妙な現象
Firefox_Experience交換時のスタイル設定幅の奇妙な現象
- WBOYオリジナル
- 2016-05-16 12:04:361296ブラウズ
ページ上にはテーブルであるデータ リストがあり、次の構造を持つ div ウィンドウに配置されます:
コードをコピー コードは次のとおりです。
コンテナのスタイルを設定します #container {width:100%; margin:10px ;}
グリッドのスタイルを設定します。 Style #grid {width:100%}
テスト結果は IE では正常です。Firefox では、コンテナの実際の幅は 100% を超え、水平になります。 Firefox では余白も幅にカウントするため、実際には 100% (20px>100%) になります。
もちろん、div のマージン定義を削除し、本文のパディングを使用して設定することもできますが、ページ上にはページ全体を占有する必要がある他のコンテンツがあります。
以前は、この問題を解決するために、Firefox の div に width: 98% を定義していました。これで問題は解決したように見えますが、ブラウザ ウィンドウが小さくなると、Firefox では 98% 20px になります。水平スクロール バーが表示されます。
試しに、コンテナのスタイルを #container {width:100%-20; margin:10px} に変更してから、Firefox で調べてみました。通常です。IE と同じです。本当に不思議です。width: 100%-20 の定義が間違っているはずです。しかし、Firefox の問題はマージンも含めて解決したので、さらに試してみたところ、100% から任意の数値まで減らすことができることが分かりましたが、情報を調べても原因がわかりませんでした。
もしかしたらただのバグかも知れません（笑）！もしかしたら専門家ならその理由を知っているかもしれない。私は自分でテストし、コードとスクリーンショットを投稿しました:
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。