使用负边距和社交分享按钮（计数器）好吗？

Question

我在这里创建了一个我的案例的JSFiddle：http://jsfiddle.net/gGCaX/（请看一下，以便了解我将要问的内容。）

现在，到了这一点，社交分享按钮或计数器在填充，边距等方面是不规则的，因为它们来自不同的人。

正如你在JSFIDDLE中看到的那样，我设法让它们看起来很好。但问题是，对于其中一个按钮（＆＃34; SHARE＆＃34;按钮 - - 行中的最后一个）我必须使用＆＃34;否定＆＃34;因为它留下了很多空间（即在其左侧）。

.sharethisx {
    float: left;
    margin: 0 0 0 -10px !important;
    padding: 2px 0 0 !important;
    display: inline;
}

参见保证金：0 0 0 -10px！重要; ??如果仅仅是关于能见度，我不会感到困扰。但这些是计数器，它们可以增长到任何数量。那么，在这种情况下它会好吗？请指教。

Answer 1

没有问题，允许负余量

正如w3c所述：http://www.w3schools.com/cssref/pr_margin.asp 阅读说明“允许负边距”

祝你好运

Answer 2

你的情况会很好，因为你已经向左边浮动的元素应用了一个负的左边距。在这种情况下（对于静态元素），它将向左拉动元素，如您所见。

当您执行以下操作时，您会开始遇到带有负边距的意外行为：

1. 将它们应用到元素的底部（向上拉下部元素）。

2. 将它们应用到元素的右侧（将元素向左拉向元素）。

3. 将它们应用于浮动的相反方向（创建允许内容与元素重叠的空白）。如果负边距大小>> =元素宽度，则元素将完全重叠。

这里的an article可以很好地描述负边距在不同情况下的效果。