1

私はこのようなものを手に入れたい

ここに画像の説明を入力

しかし、私は現在これを持っています

ここに画像の説明を入力

私はそれを解決するためにいくつかのことを試みましたが、どこにも行きません.どうすればよいですか?

ここにフィドルがあります

次のような定義があります。

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

2 に答える 2

1

float left を使用します。

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

iframe の幅がスペースで調整できることを確認してください

これをチェックしてください - http://jsfiddle.net/im4aLL/xjJsk/10/

于 2013-01-07T06:57:01.587 に答える
1

float要素も必要ありません。より簡単な解決策はwidth:100%、iframe の を削除することです。

マークアップ:

<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-07T07:19:01.003 に答える