css - div 内の画像を囲んでいない境界線

Question

http://74.52.155.226/~projtest/team/harmeet/smoke51/products.html

それが現在取り組んでいるデザインです。ナビゲーションの下のバナーの要素を調べると、10px の実線の白い境界線が画像の下に隙間を作っていることがわかります。画像の高さに関係なく、論理的に境界線が画像を囲む必要があるのはどこから来るのか、私は困惑しています。

Answer 1

あなたはあなたを着ることができdisplay: block;ます<img>

Answer 2

これは、のdiv.innerbanner画像がインラインであるためです (画像はデフォルトでインラインです)。あなたが見たスペースはディセンダーの高さです。

ディセンダーの高さが表示されないようにするには、画像のブロック要素を作成する必要があります。これを CSS に追加してみてください。

div.innerbanner img { display: block; }