0

CSS:

.divStudents{
  float: left;
  width :83%
}

.divSelection{
  float :left;
  width:17%;
  position : absolute;
  left: 1150 px;
}

HTML:

<div class="divStudents"></div>
<div class="divSelection"></div>

上記のクラスを使用して、Web ページに Div 1. divStudent 2. divSelection が 2 つあります。

ページをロードすると、divSelection のみが表示され、ページの右上隅に表示されます。divSelection にいくつかのコントロール (ドロップダウンとラジオ ボタン) があります。これらのコントロールに応じて、divStudents はページの残りの部分 (つまり、ページの左側) に読み込まれます。

すべてが通常の解像度で正常に動作していますが、解像度が低解像度に変更された場合、またはブラウザーを最小化すると、divSelection がページの右上にスクロール バーで表示され、場合によっては表示されません。

以下の解決策を試しましたが、オーバーレイの問題が発生しています。

left の代わりに right:0 を使用: divSelection で 1150 ピクセルですが、divStudent でオーバーレイされます。

これを達成する方法はありますか。

4

1 に答える 1

0

CSS を変更する

.divSelection{
  float :left;
  width:17%;
  position : absolute;
  left: 1150 px;
}

に

.divSelection{
  float :right;
  width:17%;
}

それは右側にあるようにバインドされ、パーセンテージのために幅も調整されたままになります。それが役立つかどうかを確認してください

于 2013-10-31T05:33:03.713 に答える