0 
<div style="float:right;">
    <a href="#" class="button2" title="Upgrade now">Upgrade now</a> 
    <a href="#" class="button2" title="Buy more credits">Buy more credits</a>
</div>

（float:right|left无论是内联还是在我的样式表中）似乎使链接失去了垂直填充和底部边框。如果我删除它，我没有问题。

这是链接的CSS：

.button2 {
    color: #fff;
    font-size: 18px;
    text-shadow: 0 -1px 0 #064687;
    border: 0;
    border-bottom: 2px #0B5BAC solid;
    border-radius: 8px;
    background: #1E88F2;
    background: -moz-linear-gradient(top, #6BB0F7, #2089F2);
    padding: 9px;
    cursor: pointer;
    box-shadow: 0 2px 2px #999;
    text-decoration: none;
    width: 270px;
}
4

3 回答 3

2

那是因为您试图将样式分配给通常不适用的内联元素。例如垂直填充、宽度和边框。尝试给它display:inline-block或display:block; float:left;，如果你使用 IE7 display:inline-block，寻找 IE 7 的 display:inline-block 修复，你应该已经准备好了。jsFiddle：http ://fiddle.jshell.net/wUD9q/5/show/light/

仅供参考 - 浮动与它完全无关。删除外部 div 上的浮动也不能修复它。jsFiddle 仍然坏了：http: //fiddle.jshell.net/wUD9q/1/show/light/

于 2013-08-14T15:09:45.997 回答
2

通过添加缩放来尝试旧的“hasLayout”修复：1；

.button2 {
    zoom: 1;
}

http://www.satzansatz.de/cssd/onhavelayout.html

我不喜欢那样做黑客，但它似乎达到了你想要的。

于 2013-08-14T15:11:10.447 回答
1

全世界只有不到 1% 的人使用 IE7 浏览互联网。继续前进！

资料来源：http ://theie7countdown.com/

于 2013-08-14T14:59:53.280 回答