即使没有边距或填充，Facebook也像div下方的按钮偏移

Question

正如您从下面的示例中看到的那样，Facebook like按钮应该出现在文章的日期和开头之间的空白区域中，而是由于未知的原因向下移动，我可以＆ ＃39;弄清楚。我确定它是一些不起眼的奇怪的CSS东西，但任何帮助都表示赞赏。谢谢！ ： - ）

以下是实际页面：http://readabout.me/achievements/Reinhardt-University-s-Morgan-Sparks-Selected-for-Who-s-Who-Among-Students-in-American-Universities-and-Colleges/3638644

Answer 1

删除news.css文件中的第30行：

#news-story iframe.fb_ltr {margin:25px 0 10px 0;}

您明确给出了类似按钮iframe的上边距为25px。

Answer 2

我讲述了这个问题

请删除保证金#news-story iframe.fb_ltr

http://readabout.me/stylesheets/news.css第30行 - 并在“#fbLikeButton”问题上设置填充顶部将解决

I could fixed the issue on firebugg , this is print screen;

Answer 3

我认为这将解决您的问题：）

<div id="fbLikeButton" style="height: 50px; ">

编辑：我认为@cpilko已经发现了确切的原因，虽然我认为news.css不是你的，而是facebook的，在这种情况下你可以尝试将以下代码添加到你的CSS中。

#news-story iframe.fb_ltr {
 margin: 0 !important;
}

Answer 4

只需在类似按钮中添加高度属性 - #fbLikeButton{height:60px;}

Answer 5

这很有用。谢谢大家！

-#news-story iframe.fb_ltr {margin:25px 0 10px 0;}
+
+div#fbLikeButton {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}

基本上，我删除了内部样式并设计了周围的div。我没有意识到我们的代码实际上在Facebook内部就像按钮iFrame一样。