0

ここに jsfiddle があります - http://jsfiddle.net/stevea/Jpu5b/2/ - img を含む別の DIV を含む DIV があります。内部 DIV の幅または高さを指定していないため、親 DIV の幅とそれに含まれる img の高さが適用されます。

<div id='box'>
    <div id='innerBox'> 
            <img id='cateye' src='http://s20.postimg.org/ddh45wqnd/t_cateye.jpg'/>
     </div> 
</div>

私の質問は、なぜ内部 div の高さが含まれている img よりも約 5 ピクセル大きいのですか?

4

2 に答える 2

5

img をインライン要素として保持したい場合はline-height: 0;、リセットに追加するだけです。

したがって、次のようになります。

 * {
    margin:0px;
    padding:0px;
    line-height: 0;
}

ここに更新されたフィドルがありますhttp://jsfiddle.net/Jpu5b/18/

それ以外の場合、Michael St Clairs の答えはうまくいきます。

于 2013-07-21T03:41:05.983 に答える
2

このコードを追加すると、修正されるはずです

#cateye {
    display:block;
}
于 2013-07-21T02:51:33.907 に答える