私は自分の Web サイトで Facebook Like ソーシャル プラグインを使用しています。ページが読み込まれるたびに、プラグインが読み込まれるまで、プラグインは div の高さを伸ばします。
ソーシャル プラグインが含まれる div の高さを定義しましたが、高さが同じままであっても、シフトを見ることができました。私は Twitter と Google プラス ソーシャル プラグインも使用しています。これにより、シフトも行われるため、シフトがより顕著になります (h3 見出しの下のシフト)。
.socialBookmarks {margin:30px 0;padding:5px 15px;overflow:hidden;}
.socialBookmarks .social-wrap {display:inline-block;vertical-align:middle;}
.social-wrap .ezimageBox {float:left}
<div class="socialBookmarks">
<h3 class="inline-block">Share:</h3>
<div class="social-wrap clearfix">
<div class="ezimageBox">
(loads twitter social plugin)
</div>
<div class="ezimageBox">
(loads google plus social plugin
</div>
<div class="ezimageBox">
(loads facebook social plugin)
</div>
</div>
</div>
この問題を回避する方法について何かアイデアはありますか? :)