css - 在 Firefox 和 Chrome 中查看时网站外观的差异

Question

在chrome中打开以下网址 www.nextag.com/camera/stores-html 并刷新页面

注意右上角邮政编码旁边的帮助图标的位置..它没有对齐 现在在 firefox 中打开相同的内容..它已正确对齐..

CSS代码如下:

background: none repeat scroll 0 0 white;
border: 1px solid #C2CCCC;
border-radius: 4px 4px 4px 4px;
color: #C2CCCC;
display: block;
float: right;
font-weight: bold;
height: 13px;
margin-left: 4px;
text-align: center;
width: 12px;
padding-right: 1px;

为了让它在 firefox 中工作..我添加了以下 3 个属性:

position: relative;
top: -15px;
left: 18px;

然后它开始在 chrome 中正常工作，但现在它在 firefox 中错位了。我该怎么办？？

Answer 1

您在 A 中有一个 SPAN。只需禁用“float: right”属性并添加“display: inline”

.rb span.zip-info {
    dispay: inline;
    float: none;
}