CSS：Safari的边距问题

在site I'm working on上，由于某些原因，Safari的边距需要与FF，IE8，Chrome & Opera不同？我有一个链接，我想排在标签旁边。除了需要12像素差异的Safari之外，它排得很好。以下是更好地描述问题的屏幕截图：ClickCSS：Safari的边距问题

Safari屏幕截图显示标签太低。这是我用工作4个浏览器的CSS：

.submitter a { 
    float: right; 
    margin: -2px 0 0 2px; 
    padding: 0 !important; 
}

及这里的Safari浏览器的工作原理的代码，但是，USIG它抛出的链接了12个像素。

.submitter a { 
    float: right; 
    margin: -14px 0 0 2px; Works in Safari & Chrome 
    padding: 0 !important; 
}

任何人都可以阐明这一些轻？ TIA

来源

2011-03-24 J. Scott Elblein

单挑，它发生在Ubuntu下的Chrome 10上。 – BStruthers 2011-03-24 02:13:26

IE7也是怪人 – 2011-03-24 02:20:13

这似乎把它整理出来：

.submitter a { 
    float: none; 
    display: inline !important; 
    margin: 0 0 0 2px; 
}

这真的非常复杂，在那里由于非对级联的合理使用。

有些规则被应用于元素，他们确实不应该因为喜欢选择：

.box_777 ul li a

你会更好的东西，如更换该选择：

.individual-likes > a

但，很难预测改进您的选择器将如何改变您的页面显示方式。

来源

2011-03-24 02:23:15 thirtydot

这个伎俩Thirtydot。谢谢。我对卷积问题不能同意。最后学习CSS比小调整更深入，所以这是我的“学习网站”，哈哈。 – 2011-03-24 02:40:10

没问题。只是为了确定，您尝试了哪些浏览器？我只在Firefox和IE8中测试过。 – thirtydot 2011-03-24 02:41:55

到目前为止，我已经在Win7 x64上测试了FF3（最新版），IE8，Opera 11和Safari 5中的修复程序。我还没有在Ubuntu或IE7下的Chrome 10中检查过，就像前面提到的@bstruthers＆@derek hunziker一样。 – 2011-03-24 17:58:54

它之所以上升的原因可能是因为像素值。它们是否正确嵌套在div中？你是否为Chrome按钮应用了相同的对齐方式（CSS，Html等）？

来源

2011-03-24 02:13:18 Ator

望着现场，锚被设置由 .box_777 ul li a 阻止，然后通过 .submitter a右浮动。
如果我删除display：block;和float：right;事情对齐。

来源

2011-03-24 02:13:35 BStruthers

有是怎么回事了很多，但你可以尝试以下操作之一：

.submitter .smalltext { float: left; }

（或）

前的“smalltext”移动“跟随”锚标记跨度

来源

2011-03-24 02:18:00

CSS：Safari的边距问题

回答

相关问题