在IE7以外的其他地方查看http://campbellcustomcoatings.com/，然后在IE7中查看。你可以看到，在IE7中，facebook like按钮更加向右和向上。我想在IE7中将其推送到任何其他浏览器中。我已经尝试了一个多小时，我无法让它让步。
答案 0 :(得分：1)
我为IE7更改了以下内容，它似乎将按钮置于与Chrome浏览器相似的位置。
#fblike {
margin-left:57px;
margin-top:10px;
}
我认为问题来自浮动的<li>项目。如果您使用Chrome DOM浏览器（ F12 然后选择 Elements 标签）突出显示元素，您可以看到因为浮动存在，“nav”，“容器”和“fblike” “<div>并非严格包含所有子元素。您可以在不使用浮动的情况下创建水平导航。一个单独的列表有nice article on lists可能有助于跨浏览器渲染问题（我总是得到浮动！）
答案 1 :(得分：0)
只需向iframe添加一些左上边距。为IE7做这个，做：
*margin-top:20px; /*20 looked good for me */
*margin-left:20px;
请记住，这不会验证为合法的CSS（至少，我不认为它），但其他浏览器将忽略它，它工作正常。
答案 2 :(得分：0)
我确切地知道你在谈论什么，因为我有同样的问题。在不同版本的IE中，该按钮看起来与其他浏览器不同（大小和位置）。
但是，您无法修改或应用CSS到Facebook Like Box插件，因为其内容包含在来自Facebook服务器的<iframe>元素中。
您拥有的唯一造型选项是Facebook提供给您的。
https://developers.facebook.com/docs/reference/plugins/like-box/
更多信息：