SOで見つけることができない小さなcssの問題-以前に質問されたと思いますが、申し訳ありません。
したがって、ここにhtmlがあります：
<html>
<body style="color:white">
<div class="a" style="width: 70%; background: blue;"><p>helloes helloes helloes</p></div>
<div class="b" style="width: 70%; background: pink;"><p>talk talk talk</p></div>
<div class="a" style="width: 70%; background: blue;"><p>yay! yay! yay!</p></div>
</body>
</html>
素晴らしい。
これを ff で開くと、垂直に積み上げられた 3 つの div が表示されますが、間にスペースがあります。これは私が欲しかったものではありません！ドラマラマ！
つまり、期待どおりにこれをレンダリングし、警鐘を鳴らします。
ie は 9、ff は 11
乾杯、アンドリュー！
「p」タグについて多くの言及を更新 - なぜ/どのようにpタグが何かに影響を与えるのですか? div でラップされていませんか? div には背景色が適用されていますか? 実際、div は単に内部的に大きくするべきではありませんが、隣接する div 間にスペースはありませんか?
アップデート：
だから私は代わりにこのhtmlを試しました:
<html style="margin:0px; padding:0px;">
これは問題を解決しませんでした。これも次のとおりです。
<body style="color: white; margin:0px; padding:0px;">
どちらも問題を解決しませんでした-どちらの場合もcssは「p」タグに継承されるべきではありませんか? 興味深いことに、結果の css を firebug で調べたところ、p タグはすべてマージンとパディングが 0 でした...
アイデア？
更新: パディングを 0 に設定するように求める多くの応答。これは機能しません。それを示す回答があれば、反対票を投じます。
更新: 質問は、インライン css の使用について非常に具体的です。私自身は実際にはインライン CSS を気にしませんが、なぜ誰もが答えに CSS スタイルシートを提供しているのですか?
更新: 誰かが -webkit について言及しました。私は Google Chrome をまったく使用していませんが、興味深いアイデアです。この問題を引き起こしている可能性のある ff 関連の余分な css が表示されません。