社交媒体按钮不排队正确

Question

我定位我的社会化媒体事业部，以我的评论Div的权利：http://jsfiddle.net/eYQWE/

问题：我的社会媒体专区内的社交媒体按钮将不会留在一条直线。他们一直低于我的审查部门。

有什么建议吗？

Answer 1

的问题是，在iframe弗罗姆的Facebook得到的450像素的宽度，延伸至极其父并使得按钮显示在文字的下方。尝试设置一个固定宽度的包装，像这样：

#social li { 
display: inline-block; 
text-decoration: none; 
padding: 0 0 0 33px; 
float: left; 
max-width: 80px; 
overflow: hidden; 
}​ 

我加了最后两行，似乎现在的工作就好了。
一个更好的解决办法是entirly下降I帧，并使用被Facebook（或Twitter和G +）提供的API编写自己的按钮。这将允许你entirly他们的风格，你的愿望，并可能会提高你的页面加载时间。但也许这是一点点远...

更新的小提琴可以在这里找到：http://jsfiddle.net/eYQWE/2/

Answer 2

这是Facebook的IFRAME，宽度设置为450像素，如果你可以改变生成的代码，你可以解决它存在，否则，你的CSS/JS复位。萤火虫会在这种情况下，你最好的朋友（如果不是的话）。