如何用动态左中心右侧DIV填充父母？

Question

编辑：

根据Mat Mat的建议，我摆弄了jsFiddle并提出了“真正的”问题。

将内容绝对定位在中心DIV内不会产生所需的结果：

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

为了绝对定位孩子，父母需要是亲戚，对吧？但这会让漂亮的左/中/右布局变得混乱：

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

有什么想法吗？提前谢谢。

---

原始邮件：

我们想要一个具有三个动态宽度子DIV的固定宽度父DIV：

左右DIV应根据内容进行调整。中心DIV应填充左右DIV之间的空间：

[[Left][        Center        ][Right]]

（或）

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

中心DIV应该滚动溢出内容（所以我们不能使用overflow：hidden）。

此外，我们希望更改父DIV大小（使用CSS媒体查询），并继续很好地填写所有内容：

[[Left][    Center    ][Right]]

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

[[Left][              Center              ][Right]]

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

有什么想法吗？提前谢谢。

Answer 1

我没有足够的声誉评论你的回答所以我提交作为答案。这是你在找什么？

http://jsfiddle.net/yxFQK/

请记住，制作一个jsfiddle总是更容易，而不是试图在视觉上/概念上解释。如果你很好地解决问题，人们就会更容易帮助你。