Css 在firefox和chrome中查看时站点外观的差异

在chrome中打开以下URL 然后刷新页面

请注意右上角邮政编码旁边的帮助图标位置。它未对齐 现在在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上运行不正常。。我该怎么办？？？

您是否尝试过使用“位置：绝对”属性而不是“位置：相对”属性

Firefox似乎有一个不可见的填充或边距，将元素放置在文本空间的右上角。Chrome将元素放置在文本流之外的字段集元素的右上角

您可以做一件事，添加一个div包装，然后将元素绝对定位在包装的右上角

希望这有帮助。

您是否尝试过使用“位置：绝对”属性而不是“位置：相对”属性

Firefox似乎有一个不可见的填充或边距，将元素放置在文本空间的右上角。Chrome将元素放置在文本流之外的字段集元素的右上角

您可以做一件事，添加一个div包装，然后将元素绝对定位在包装的右上角

---

希望这有帮助。

添加属性

float:left

.rb #zipTxt a {
color: #2283AB;
font-size: 12px;
font-weight: bold;
float: left;
}

---

添加属性

float:left

.rb #zipTxt a {
color: #2283AB;
font-size: 12px;
font-weight: bold;
float: left;
}

---

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

---

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

---

是的，我试过绝对、相对、静态等等。它们都不起作用。静态在firefox中工作正常，但在chrome中出现了问题：/是的，我用绝对、相对、静态等进行了尝试。它们都不起作用。静态在firefox中工作正常，但在chrome中出现了错误：/i按照您所说的做了，除此之外，我删除了右边的填充，并添加了填充：0px 3px attribute。。所有问题都解决了，但图标的大小与实际情况相比有所减小！我照你说的做了，除此之外，我删除了右边的填充，并添加了填充：0px 3px attribute。。所有问题都解决了，但图标的大小与实际情况相比有所减小！