任何智能的HTML5 / CSS3方法来扩展div来填充“客户区”？

Question

我有一个使用动态宽度的网页（如同，它会扩展以占据整个浏览器区域）。在这个页面中，我有一个内容容器div，我希望在其中有一个固定宽度的“左面板”和一个动态大小的中/右区域。

<div id="content">
   <div class="left-panel">
   </div>
   <div class="center-panel">
   </div>
</div>

我的问题是，当我将左侧面板设置为固定宽度并将中心面板设置为100％时，后者将占据内容div的整个宽度，而不仅仅是剩余区域。我可以使用边距解决这个问题，但是想知道用HTML5和/或CSS3是否有更聪明的方法吗？

Answer 1

我最近听说过css3 flexbox。尚未使用它，但看起来很棒。我也发现了very good tutorial。

Answer 2

我不确定我是否完全理解你的问题，但这就是你所追求的??? http://jsfiddle.net/maU5N/

Answer 3

我的建议是使用媒体查询来获取浏览器宽度并修复每个浏览器分辨率的宽度。