社交分享按钮定位

Question

我在定位一些div时遇到了问题，似乎这些社交分享按钮有问题。

http://misc.colbyfayock.com/test/

我有一些很棒的颜色用来显示发生了什么.我的主要黄色方框工作正常，我将内部的2设置为50%，并向左浮动，但它们不...此外，每个单独的按钮都在自己的div中，试图让它们工作，但我不知道还能做什么尝试了几个不同的定位选项，但这从来不是我在css中的强项。

有什么帮助/想法吗？

http://misc.colbyfayock.com/test/css/styles.css

谢谢

Answer 1

您的#social具有width: 50%，这意味着它将始终渲染为容器大小的50%，即#subheader。这完全符合您的CSS的预期。

如果您将其更改为：

<div id="social">
  <div id="social-inner">
    <div id="social-fb">
    ...
  </div>
</div>

然后创建#social { width: 100% }和#social-inner { width: 50% }，它将完全按照您的预期工作。