1

基本的には、固定サイズの右側のサイドバーを 300px (幅) にしようとしています。中央には幅 100% があり、横にある 300px を考慮しています。

また、100% 幅のコンテナー div 内に 100% 幅の div を配置する方法を理解しようとしています。以下に達成したいイメージを含めました。

基本的な考え方

ここに画像の説明を入力

たとえば、これは 1440 x 900 の画面解像度で表示されるものです。

サイズ変更可能にする

ここに画像の説明を入力

これは、1024 x 768 の画面解像度で表示されるものである可能性があります。

ご覧のとおり、すべてが互いに比例しています。どんな助けでも大歓迎です。ありがとうございました。

4

1 に答える 1

1

これで動作させることができました。これを行うにはもっと良い方法があるかもしれませんが、あなたが説明したように見えます。

コード: https://gist.github.com/4274099

結果: http://codepen.io/joe/full/wgJdm

重要なのは、#left (黄色) 内側 div の 100% 幅を #sidebar 親内に絶対配置し、その右側を #right div の幅に等しく設定することで「偽装」することでした。

于 2012-12-13T04:54:52.433 に答える