0

2 つのインライン div が必要です。左側の div は流動的で、右側は修正する必要があります。左の Fluid 列の最小幅は 801px、左の div の最大幅は 1250px にする必要があります。右側の固定 div 幅は、常に正確に 250 ピクセルにする必要があります。

誰かがこれを行う方法を教えてもらえますか? たとえば、ボディの幅が 1500px の場合、左側の流動的な div が拡大し、右側の div が 1250px に押し出されて停止します。本文のコンテンツが 801px の場合、左側の div は約 550px にする必要があります。

私はすでにこの質問をしましたが、うまくいくものは何も得られませんでした。

.intro {
  float:left;
  height:200px;
  width:100%;
  padding:10px 0;
}

.intro-right,
.intro-left{
  display:inline;
}

.intro-right {
  float:left;
  width:250px;
  margin-right:20px;
  height:200px;
}

.intro-left {
  min-width:801px;
  max-width:1250px;
  height:200px;
}

<div class="intro">
  <div class="intro-left">
    <h2><a href="#">Test</a></h2>
    <p>Test</p>
  </div>

  <div class="intro-right">right fixed</div>
</div>
4

1 に答える 1

0

ページの読み込み時にそれほど悪くないように JavaScript を試してみてください

たとえば、左イントロを 100% に設定して右イントロを非表示にすると、

ロード時に左のサイズを計算し、左を減らしながら右から右に表示する + 両方に固定幅の JavaScript がない場合はフォールバック

注意: ウィンドウのサイズ変更イベント リスナーを追加します。

于 2013-01-16T12:44:40.013 に答える