1

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

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

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

4

3 回答 3

2

我最近听说了css3 flexbox。还没用过，不过看起来不错。我还发现了这个非常好的教程。

于 2012-04-12T03:18:55.027 回答
2

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

于 2012-04-12T04:25:35.987 回答
0

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

于 2012-04-12T03:15:25.007 回答