2

ブラウザー ウィンドウのサイズを変更すると、ナビゲーション バーの div が検索ボックスの div の下にドロップします。ナビゲーション バーの移動を停止し、同じ場所に保持するにはどうすればよいですか? フッターはそれ自体とその構造が同じように動作しますか?

ここにリンクがあります...

http://www.signport.co.uk/test/asg_template3.html

ありがとう！

4

4 に答える 4

2

これは、メニューに幅が指定されていないために発生します。フッターは幅が指定されているため動作しますが（ id の div footerleft）

于 2012-08-31T14:05:13.453 に答える
1

現在 Chrome でテストしており、ナビゲーション バーの div (wrapper_menu_full クラス) に設定した width:100% を削除するとうまくいくようです。この 100% は、含まれている div (#mainmenu3) と比較したサイズを指します。

これでも IE7 で動作しない場合は、#mainmenu3 内の両方の div を display:inline に設定してみてください。現在 Chrome でテストしていますが、違いはないようです。

于 2012-08-31T14:07:34.173 に答える
1

CSS を置き換える

#mainmenu3 {
    height: 150px;
    line-height: 20px;
    list-style-type: none;
    overflow: hidden;
    width: 100%;
}

あなたは欲望の出力を得るでしょう

于 2012-08-31T14:15:27.027 に答える
0

両方の div (searchfilter と menu) でフローティング要素を使用しています。フローティング要素を使用していて、フローティング要素の最後の幅が親の幅を超えると、次の行 (belov) に移動します。

これを css に入れて、必要に応じて機能させます。

#mainmenu3{position:relative;}
#search4{position:absolute;top:0;left:0;}
.wrapper_menu{position:relative;top:0;left:310px;}
于 2012-08-31T14:08:18.463 に答える