javascript - Facebook喜欢固定页脚内的按钮框架

Question

我想得到这样的东西

但我目前有这个

我尝试了一些方法来解决它，但我无处可去，我该怎么办？

这是小提琴

我有一些定义，例如：

#footer {
            padding: 20px;
            background-color: #000;
            color: #fff;
            font-size: 12px;
}

还有这个 iframe

<iframe src="FACEBOOKURL&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:20px;" allowTransparency="true">
</iframe>

Answer 1

使用左浮动。

<div style="float:left">text</div>
<div style="float:left">iframe</div>

确保 iframe 宽度可以根据您的空间进行调整

检查这个 - http://jsfiddle.net/im4aLL/xjJsk/10/

Answer 2

你也不需要float元素。一个更简单的解决方案是删除width:100%iframe 的。

标记：

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com/Eurekavi&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden;  height:20px;" allowTransparency="true">

工作演示：http: //jsfiddle.net/xjJsk/23/