2

さて、私はこのサイトをデザインしています。この単純な要素の HTML マークアップは次のとおりです。

http://thegrantmag.com

画面下部、コンテンツ領域の下にある画像ボックスです。その下に空白のストリップがあります。私は通常、CSS のトラブルシューティングがかなり得意ですが、これには私がいます。要素インスペクターですべての要素を削除しようとしました。その画像が存在する限り、その下に白い空白の細いストリップがあります。

更新: img を削除して div に置き換えてみました。そこに何を入れても、要素の下に常にいくつかの余分なピクセルが作成されます!

4

3 に答える 3

3

画像をdisplay: blockに設定すると、修正されます。

于 2012-04-05T06:09:19.293 に答える
3

画像で定義するとよいでしょうvertical-align:top。

img{
 vertical-align:top;
}
于 2012-04-05T06:39:15.017 に答える
0

画像のCSSにdisplay:blockまたはを追加します。float:left

それが役立つかどうかを確認してください。

于 2012-04-05T06:09:29.287 に答える