0

最近、右側と左側の 2 つの側面を持つナビゲーション バーを実現しようとしましたが、それらは分離されています (同じ div ではありません)。2 つのナビゲーション バーを機能させることができましたが、ブラウザ ウィンドウがラッパー (1000 ピクセル) よりも小さい場合、ナビゲーション バーの右側が右側に固定されず、中央のどこかに表示されるという問題があります。 .

今までの私のコード

CSS

div.wrapper
{
  min-width: 1000px;
}
div.menul
{
  float: left;
  width: 880px;
  padding: 15px;
  background-color: red;
}
div.menur
{
  position: absolute;
  right: 0;
  z-index: 999;
  width: 250px;
  padding: 15px;
  background-color: yellow;
}

html

<div class="wrapper">
  <div class="menul">
    menu
  </div>
  <div class="menur">
    menu
  </div>
</div>

助けていただければ幸いです、ありがとう

4

1 に答える 1

1

CSSに追加position: relativeするだけです。#wrapperこれにより、右側のメニューが#wrapperページ自体ではなく相対的に配置されます

[例]

于 2012-06-09T18:55:42.703 に答える