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

プロパティを追加float:left

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

" position: relative "の代わりに " position: absolute " 属性を使用してみましたか?

Firefox には、テキスト スペースの右上に要素を配置する目に見えないパディングまたはマージンがあるようです。Chrome は、テキスト フローの外側にある fieldset 要素の右上に要素を配置しています。

div ラッパーを追加して、ラッパーの右上に要素を絶対に配置することができます。

お役に立てれば。

于 2012-08-28T11:17:38.467 に答える
1

A 内に SPAN があります。「float: right」プロパティを無効にして、「display: inline」を追加するだけです。

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