css - Div の高さに理由もなく別のピクセルがあります

Question

この 1 ピクセルのクロムの高さの違いと、Firefox と ie9 の 2 ピクセルの高さの違いがどこから来ているのかわかりませんでした。div.entry がどこから来ているようですが、修正できませんでした。

#middle {width:900px;}
#middle div.homepage img {width:900px;}

score 2 · Accepted Answer

このアプローチの問題を修正しました。

<div class="homepage" style="line-height:0">
  <img title="Homepage" alt="Homepage" src="/wp-content/uploads/Homepage.jpg">
</div>

問題は、画像の下に線があり、おそらくドキュメントソースにa\nまたはaがあることです。blank space

このような問題を解決するには、をに設定line-heightし0ます。

score 2 · Accepted Answer

変化する

#middle div.homepage img {width:900px;}

に

#middle div.homepage img {display: block; width:900px;}

score 2 · Accepted Answer

2

サイトの img タグの末尾にあるスペースのようです。

于 2012-05-14T22:33:09.423 に答える

score 2 · Accepted Answer

このような問題は、国境に関連する場合があります。IE、Firefox、および Chrome では、デフォルトの境界線と若干の違いがあるため、境界線を確立する必要があります。この場合、css-reset.cssは、望ましくないように見えるものを設定しています。

変化する：

line-height: 1;

に：

line-height: 0;

画像の下の余分な白い線はもうありませんが、これがページに他の不要な問題を引き起こす可能性があるかどうかはわかりません.

score 1 · Accepted Answer

各ブラウザのデフォルトオプションがわずかな違いを生んでいる可能性があります。

Reset CSSスタイルシートなしでサイトを作成することはありません。

それは正確にそれを行い、すべてのデフォルトを新しい共通ベースにリセットするため、今後適用されるすべてが各ブラウザーで同じように動作するはずです.

5 に答える 5