社会化分享按钮定位

Question

我有一些定位div的问题，似乎这些社交分享按钮都有过错

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

我有一些伟大的颜色了，是想说明发生了什么...... 我的主要黄色方块工作正常 我有两个里面都设置为50％和向左浮动，但他们不... 也每个单独的按钮是在它自己的股利试图让他们工作，但我不知道什么别的事做 尝试了几个不同的定位选项，但这是从来没有我的强项与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% }，将工作完全作为你打算。