如何改變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）的高度？

回答

相關問題