空のブロック要素(例: s)は、ChromeとFirefoxで異なる方法でレンダリングされます。いつ起こるのか、誰が正しいのか?

css google-chrome html
空のブロック要素(例:<div> s)は、ChromeとFirefoxで異なる方法でレンダリングされます。いつ起こるのか、誰が正しいのか?

http://koper.wowpanda.net/test3.html [このページ]は、FirefoxとChromeでレンダリングが異なります。

Firefox、Opera、Internet Explorer

質問

  1. 誰が正しいですか? FirefoxまたはChrome?

  2. それはいつ正確に起こりますか? たとえば、「padding:1px」を追加すると、
    突然、Chromeは下マージンも追加します。 divの内容に何か(何でも)を追加した場合も同じです。

  3. 両方のブラウザに表示させるCSS / Javascriptハックはありますか
    HTMLを変更せずに同じですか?

  5  2


ベストアンサー

ここで高さを指定する必要があります。

クロムを使用しない場合、それは空の要素として扱われ、レンダリングされません。 一方、firefoxはそうします。 これを回避するには、高さ属性を追加するだけです。 そのようです:

4


タイトルとURLをコピーしました