gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 00:13:35 24 4
gpt4 key购买 nike

在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 中错位了。我该怎么办??

最佳答案

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

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

关于css - 在 Firefox 和 Chrome 中查看时网站外观的差异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12157956/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com