0

次の問題があります:

私のヘッダーは、メニュー、flexslider でスライドするいくつかのニュース、および検索入力で構成されています。

問題: 手動でブラウザーのサイズを変更するか、幅を小さくして再読み込みすると、右側の要素が下にジャンプします (スペースが残っていないため、プッシュダウン)

ここに小さなテストがあります:

http://jsfiddle.net/FFVzh/

誰かがこれに対する解決策を知っていますか? ヘッダーは、適切な要素をプッシュダウンすることなく、レスポンシブでなければなりません。

あなたが助けてくれることを願っています

4

2 に答える 2

0

これは、適切な要素のマージンをピクセル単位で設定したためです。使用する必要があり%、それが機能します。そうでない場合は、マージンの代わりにパディングを使用しますbox-sizing:border-box

于 2012-10-16T12:36:13.970 に答える
0

マージンの水平コンポーネントにパーセンテージを使用する場合、#rightマージンはウィンドウの幅に合わせてスケーリングされます。

#right {
  background:yellow;
  float:right;
  width:18%;
  margin: 10px 1% 3px 0;
}
于 2012-10-16T12:37:28.410 に答える