html - 親を動的な左中道右派のDIVで埋める方法は？

Question

編集：

以下のMatの提案によると、私はjsFiddleをいじって、「本当の」問題を思いつきました。

コンテンツを完全に中央のDIV内に配置しても、必要な結果が得られません。

http://jsfiddle.net/yxFQK/22/

子供を絶対に配置するためには、親は相対的である必要がありますよね？しかし、それは素敵な左/中央/右のレイアウトを台無しにします：

http://jsfiddle.net/yxFQK/23/

何か案は？前もって感謝します。

---

元の投稿：

3つの動的幅の子DIVを持つ固定幅の親DIVが必要です。

左右のDIVは、コンテンツに基づいてサイズを変更する必要があります。中央のDIVは、左右のDIV間のスペースを埋める必要があります。

[[Left][        Center        ][Right]]

（また）

[[Big Left][    Center    ][Big Right]]

中央のDIVはオーバーフローコンテンツをスクロールする必要があります（したがって、overflow：hiddenは使用できません）。

また、（CSSメディアクエリを使用して）親DIVサイズを変更し、すべてが引き続き適切に入力されるようにします。

[[Left][    Center    ][Right]]

[[Big Left][Center][Big Right]]

[[Left][              Center              ][Right]]

[[Big Left][          Center          ][Big Right]]

何か案は？前もって感謝します。

Answer 1

あなたの回答にコメントするのに十分な評判がないので、回答として送信します。これはあなたが探しているものですか？

http://jsfiddle.net/yxFQK/

視覚的/概念的に説明しようとするよりも、jsfiddle を作成する方が常に簡単であることを忘れないでください。問題をうまく組み立てれば、人々はあなたを助けやすくなります。