0

すべての段落要素が下に移動するという問題のトラブルシューティングに 1 時間費やしました。

これは、デザインを jsfiddle.net から Web ホストに移動した後に発生しました。

挿入する必要があることに最終的に気付くまでに1時間殺しました

p{margin:0px;}

そして、すべてが順調でした...まだ1px離れています。

質問:

jsfiddle.net でこのエラーが発生しなかったのはなぜですか?

FF CSS Debugger が、そこにマージンがあることや、それがどこから来たのかを知らせないのはなぜですか。何に設定されたのかわかりませんが、0pxではありませんでした。

「自分の過ち」から学ぼうとしているので、次に何を期待できるかがわかります。

4

1 に答える 1

2

Web ブラウザは、HTML 要素をレンダリングするための独自のデフォルト値を設定します。これには、マージン、パディング、フォント サイズなどが含まれます。CSS を使用せずに HTML ドキュメントを作成すると、リスト、段落、および見出しがデフォルトの方法でフォーマットされていることがわかります。

デバッガーは、CSS でドキュメントに適用した値を表示する傾向があります。

この種の矛盾 (ブラウザは異なるデフォルトを使用する) を回避するために、可能な限り 0 に設定することでこの動作を削除する「リセット」CSS ファイルを使用する人もいます。

http://meyerweb.com/eric/tools/css/reset/をご覧ください

于 2012-07-15T19:48:21.743 に答える