社交分享按钮定位

Question

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

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

我有一些很棒的颜色只是为了表明发生了什么...... 我的主要黄色框工作正常 我有两个内部设置为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% }，它就像你打算一样。