如何改变Facebook上的盒子小部件（iframe）的高度？

我试图改变我的网站的侧栏上的Facebook像框小部件的高度，但我似乎无法弄清楚为什么要这样做的目标。我想改变它大约200.这里是当前使用的代码。有任何想法吗？如何改变Facebook上的盒子小部件（iframe）的高度？

</div><div id="facebook-likebox-3" class="widget widget_facebook_likebox"><h4 class="Facebook Like Box widget-title"><a href="http://www.facebook.com/noahsdadcom">Like Us On Facebook</a></h4><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fnoahsdadcom&#038;width=300&#038;height=432&#038;colorscheme=light&#038;show_faces=true&#038;stream=false&#038;header=false&#038;force_wall=false" scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 300px; height: 432px; background: #fff"></iframe></div><div id="text-43" class="widget widget_text">   <div class="textwidget"><div id="cse-search-form" style="width: 100%;">Loading</div>

来源

2012-07-15 Rick Smith

，除非你是谁控制它的一个无法编辑的iframe的CSS。由于Facebook控制此iframe，因此您无法编辑它的CSS。 – AdityaSaxena 2012-07-15 20:20:50

@AdityaSaxena其实有办法做到这一点。看看下面的答案。它工作完美。 :) – 2012-07-16 00:57:26

使用!important刚刚成立height上。

演示：http://jsfiddle.net/ThinkingStiff/TpZ9k/

#facebook-likebox-3 iframe { 
    height: 200px !important; 
    border-bottom: 1px solid #AAA !important; 
}

来源

2012-07-15 21:07:15 ThinkingStiff

谢谢！这工作完美。 :) – 2012-07-16 00:56:45

如何改变Facebook上的盒子小部件（iframe）的高度？

回答

相关问题