5

重複の可能性:
アンカー タグの下部にある空白

こちらのサンプルページをご覧ください.. http://denise.brixwork.com/

奇妙な理由で、その家族の写真の下に、画像を含む灰色の境界線 (5px #333) div の前にギャップがあります。すべてのマージン、パディングなどを削除しましたが、それでも消えません。:(

後で画像のサイズを変更する必要がある場合に備えて、#index_content div に固定の高さを設定する必要はありません (つまり、2 倍の作業が必要になります)。

私のHTMLコード:

<div id="index_content_container">
    <div id="index_content">
        <img src="http://denise.brixwork.com/images/index_photo.jpg" alt="Real Whistler Living - Real Estate for the Next Generation" />
    </div>
    <div class="clear"></div>
</div>

CSS:

/* INDEX PAGE SPECIAL CSS */
#index_content_container {
    position: relative;
    width: 970px;
    border: 5px solid #e1bb14;
    left: -20px;
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
}

#index_content {
    position: relative;
    width: 960px;
    border: 5px solid #333;
    float: left;
    display: block;
    padding: 0px;
    margin: 0px;
}

#index_content img {
    padding: 0px;
    border: none;
    margin: 0px;
    clear: none;
}
4

2 に答える 2

5

これを試して：

#index_content img{
padding: 0px;
border: none !important;
margin: 0px;
clear: none;
display: block;
}
于 2012-06-15T20:20:28.190 に答える
4

タグだけが必要display: blockで、img他には何も必要ありません =)

于 2012-06-15T20:23:26.147 に答える