나는이</p> <p><img src="https://i.stack.imgur.com/MIU6O.png" alt="enter image description here"></p> <p>같은 것을 싶어

Question

고정 된 바닥 글 내부 버튼 프레임과 같은 페이스 북 그러나 나는 현재 내가 몇 가지를 시도

이 그것을 해결해야하지만, 나는 아무데도 가지 않는다, 나는 무엇을해서 좋은가?

#footer { 
      padding: 20px; 
      background-color: #000; 
      color: #fff; 
      font-size: 12px; 
} 

및

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

Answer 1

사용 플로트 왼쪽이 iframe이 : 여기

는 내가 좋아하는 몇 가지 정의를 가지고있는 fiddle

입니다. 당신은 너무 요소 float에 필요가없는 http://jsfiddle.net/im4aLL/xjJsk/10/

Answer 2

-

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

은 iframe 대응의 폭이 당신의 공간에

확인이를 조정할 수 있는지 확인합니다. 더 간단한 해결책은 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/