css - CSS - いいねをすると Facebook ボタンがドロップダウンする

Question

この厄介なレイアウトの問題があります。実際の動作については、次の URL を参照してください。

FB のようなボタンは、上部のナビゲーションバーにきちんと配置されています。しかし、「いいね」をクリックしてコメントを入力するとすぐに、ボタンがナビゲーションバーの下にドロップダウンします。ページを更新すると、ボタンが再び正しく表示されます。

誰でもこれに光を当てることができますか？

score 1 · Accepted Answer

1

簡単な修正:

.fb-like {width: 128px !important;}

于 2012-09-13T06:50:40.713 に答える

score 1 · Accepted Answer

こんにちは、 CSSを次のように定義 heightしますiframe

.fb_iframe_widget iframe{
height:244px !important;
border-bottom:solid 1px #000;
}


!important must give to this

結果はこちら

ここに画像の説明を入力

score 0 · Accepted Answer

要素は、好みなどの前に幅 129px から、好みの後 450px の幅に変更されます。

したがって、最悪のシナリオ、つまり 450px を考慮して、デザインに収まるようにする必要があります。

score 0 · Accepted Answer

#top-nav-rightCSS ルールを次のように変更するだけです。

#top-nav-right {
  float: right;
  overflow: hidden;
  padding: 4px 125px 0 0;
  width: 129px;
}

4 に答える 4