的Facebook像一個固定的頁腳

enter image description here

內按鈕框，但是我現在有這個

enter image description here

我已經嘗試了一些事情解決，但我無處可去，我該怎麼辦？

這裏是fiddle

我有一些定義，如：

#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>

來源

2013-01-07 cMinor

使用浮動。

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

確保iframe的寬度可以在自己的空間調整

檢查這一點 - http://jsfiddle.net/im4aLL/xjJsk/10/

來源

2013-01-07 06:57:01 HADI

你不需要太float的元素。更簡單的解決方案是刪除iframe的width:100%。

標記：

<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/

來源

2013-01-07 07:19:01 Cdeez

所以是它更好地擺脫寬度：100％，後使用？ – cMinor

是的，你的情況並不需要恕我直言.. – Cdeez

的Facebook像一個固定的頁腳

回答

相關問題