css - CSS：Safari 的边距问题

Question

在我正在处理的网站上，出于某种原因，Safari 的边距需要与 FF、IE8、Chrome 和 Opera 不同？我有一个链接，我想在标签旁边排成一行。除了需要 12 像素差异的 Safari 之外，它的排列都很好。这是一个更好地描述问题的屏幕截图：单击

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

score 2 · Accepted Answer

这似乎解决了它：

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

由于对级联的无意义使用，那里真的非常令人费解。

一些规则正被应用到它们真的不应该是由于选择器的元素，例如：

.box_777 ul li a

你最好用类似的东西替换那个选择器：

.individual-likes > a

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

查看该站点，锚点设置为block，.box_777 ul li a然后向右浮动.submitter a。

如果我删除display: block;和float: right;事情对齐。

score 0 · Accepted Answer

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

.submitter .smalltext { float: left; }

（或者）

在“smalltext”跨度之前移动“follow”锚标签

4 回答 4