0

サイトに Google+ ボタンを配置しました。これはコードです：

<div id="gplus"><div class="g-plusone" data-size="medium" data-annotation="inline" data-width="120"></div></div>

#gplus {
position: fixed;
bottom: 40px;
left: 5px;
z-index: 1;
width: 120px;
overflow: hidden;
}

しかし、Google が内部 div に入れた iframe は幅 1200px で、コンテンツをカバーしています。それを制限する方法は？#gplus の幅を修正し、overflow:hidden を追加しましたが、役に立ちません。:/

4

2 に答える 2

0

新しいスタイル定義を追加して、オーバーフローを内部divに継承させることができます。例えば。

   #g-plusone {overflow:inherit;}

これはIE7では機能しません。

生成されたiframeにクラス定義を追加する必要がある場合があります。たとえば、次のクラス定義を追加します。

 #gplus iframe {width:120px;}

これにより、＃gplusdiv内のすべてのiframeの幅が120pxに設定されます。

更新：あなたのサイトを見て、次のスタイルで問題が解決するはずです

 #gplus iframe {min-width:120px !important;}

Googleはフレームの最小幅を設定していますが、最小幅を設定し、重要なオーバーライドを使用することでオーバーライドできます。

于 2012-07-23T07:18:46.960 に答える
0

max-width: 500px;または、必要な最大幅。このようにして、要素の幅を制限または制御できます。

于 2012-07-23T07:21:02.157 に答える