0

在 chrome www.nextag.com/camera/stores-html中打开以下 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中错位了..我该怎么办？

4

3 回答 3

1

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

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

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

希望这可以帮助。

于 2012-08-28T11:17:38.467 回答
1

添加属性float:left

.rb #zipTxt a {
color: #2283AB;
font-size: 12px;
font-weight: bold;
float: left;
}
于 2012-08-28T11:25:45.043 回答
1

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

.rb span.zip-info {
    dispay: inline;
    float: none;
}
于 2012-08-28T20:41:20.963 回答