ie7中的额外空间答案

【问题标题】：extra space in ie7ie7中的额外空间
【发布时间】：2011-12-26 03:31:52
【问题描述】：

我似乎在 game_button 和下一个类之间获得了空间

<div class="blurb">
    <div class="game_box">
        <img src="imgs/pack.png" />
    </div>
    <div class="game_text">
        <img src="imgs/game_text.png" />
    </div>
    <div class="game_button">
        <a target="_parent" href="http://yourshapecenter.com/"><img border="0" src="imgs/button.png" /></a>
    </div>
</div>
<div class="bottom">

css-

 .blurb{

    padding-top:42px;
    margin-left:24px;
    width:468px;
}
.game_box{
    float:left;
}

.game_text{
    float:right;
}
.game_button{

    padding-top:13px;
    clear:both;
    display: block;

}
.bottom{
    margin-top:25px;
    margin-left:24px;
    height:161px;

}

如果你看下面的图片，你会看到按钮在盒子外面——它应该在盒子里，下面有几个像素点

【问题讨论】：

你能解释一下哪个盒子有哪个类吗？
框背景是否固定高度？
你可以在这里查看标签-0like.com/yourshape/index.html

标签： html css internet-explorer-7 cross-browser

【解决方案1】：

你有没有试过去掉 img 标签，而是将它们设置为 div 的背景图像？还有可能将所有其他边距和填充设置为0？和那些尚未设置的一样。

【讨论】：