CSS：Safari的保证金问题

Question

在site I'm working on上，出于某种原因，Safari的边距需要与FF，IE8，Chrome和＆amp;歌剧？我有一个链接，我想在标签旁边排队。除了Safari需要12像素的差异之外，它的排列很好。以下是更好地描述问题的屏幕截图：Click

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

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

这是适用于Safari的代码，但是，使用它会将链接向上推12像素。

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

任何人都可以对此有所了解吗？ TIA

Answer 1

这似乎解决了这个问题：

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

由于级联的无意义使用，它在那里真的很复杂。

一些规则正在应用于它们确实不应该由以下选择器引起的元素：

.box_777 ul li a

你最好用以下内容替换选择器：

.individual-likes > a

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

Answer 2

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

Answer 3

查看网站，锚点被设置为阻止     .box_777 ul li a 然后向右漂浮     .submitter a。
如果我删除显示：block;和浮动：对;事情一致。

Answer 4

有很多事情要发生，但您可以尝试以下方法之一：

.submitter .smalltext { float: left; }

（或）

在“smalltext”span

之前移动“follow”锚标记