0

私は小さな相対divを保持する大きな絶対divを持っています。小さい方のdivは、画像(png)と自動サイズをheight:autoでラップします。すべて正常に動作します。しかし、ある特定のサイトでは、サイズ変更後、必要な高さを計算しすぎたように、小さいdivの下部に5pxの余分な間隔がありますか?サイズ変更とdivコンテナに影響を与えているサイトから何かを継承していると思います。

私はすべてを作り直し、フロートをクリアし、オーバーフローし、代替ポジショニング、自動オプションを削除し、フローなどを行いましたが、下部にある5pxの余分なものを取り除くことができないようで、そのサイトだけですか?

私の質問-身長または自動身長の問題をどのようにデバッグしますか、そしてこれを引き起こしている可能性のあるアイデアはありますか?

ありがとう、クリス

4

3 に答える 3

2

コンテナdiv:

line-height: 0px;空白による高さの増加を排除します。

padding: 0px;コンテナdivの内側に沿ったパディングを排除します。

画像上

margin: 0px画像の外側の周りに追加されたスペースを削除します。

何が起こっているのかをよりよく理解できるように、サイトまたはjsfiddleを教えていただけますか?@RyanMcDonoughが述べたように、Chromeのインスペクターは素晴らしいです。IEには、IE開発者ツールバーがあります。FFではFirebugを使用できます(これは古典的です!)。

于 2012-08-23T13:24:02.437 に答える
0

ChromeのInspectElementのようなものを使用して、それに影響を与えているcssルールを確認します。

次に、すべての要素を調べて、その場で有効/無効にして、何が影響しているかを確認できます。

https://developers.google.com/chrome-developer-tools/

于 2012-08-23T13:02:43.477 に答える
0

試す

font-size:0;
line-height:0

小さいdivの場合

http://jsfiddle.net/U9z5K/14/

または使用する

display:block;

画像の場合

于 2012-08-23T13:15:27.750 に答える