4

左右のコンテナとセンターにいくつかの異なるオプションがあるサイトがあります。

  • 左側のdivは常に同じサイズですが、表示されない場合もあります。
  • 右側には、スモール、ノーマル、ワイドの3つのオプションがあります。一度に表示される右側は1つだけですが、表示されない場合もあります。
  • 中央は左側と右側にできるだけ多くのスペースを占めるように調整する必要がありますが、右側のdivを新しい行にプッシュしないでください（幅：100％の場合のように）

これは可能ですか？divを持っているだけで、方法を教えずにやりたいことをやっていますか？

説明が不明確な場合に備えて、Fiddleで例を作成しました：http：//jsfiddle.net/WDZFx/13/

前もって感謝します！

4

2 に答える 2

0

左/中央/右の個々の幅を指定する代わりに、パーセンテージを使用します。

css を次のように変更します。

#Wrap { 
    width:100%; 
}
#Left { 
    width: 10%; 
    float:left; 
    background-color:pink; 
}
#Center { 
    width: 30%; 
    float:left; 
    background-color:beige; 
}

#Right { 
    width:60%; 
    float:left; 
    background-color:silver; 
}
于 2013-07-15T08:54:30.293 に答える
0

ジェニカ、ここにサンプルhttp://jsfiddle.net/uQ4TH/がありますが、前述と同じ問題があります。中央のものはコンテンツに応じてのみ拡張されますが、可能な最大値は 50% です。

于 2012-04-30T12:50:15.707 に答える