内部并排 Divs 调整大小答案

【问题标题】：Inner side by side Divs resizing内部并排 Divs 调整大小
【发布时间】：2012-07-25 07:02:19
【问题描述】：

我是 html5、javaScript 和 jquery 的新手，遇到了与调整大小相关的问题，需要专家的帮助。

问题是我有一个 div，里面有三个 div。第一个是顶部的标题 div，另外两个并排在标题 div 下。两个并排的 div 放置使得其中一个占外部 div 的空间的 25%。另一个占 75宽度的 %。

现在我希望当我调整外部 div 的大小时，内部 div 应该自行调整它们，以使宽度比保持不变。

但我无法做到这一点。

到目前为止，我已经这样做了

谁能指导我。我做错了什么。我将不胜感激。

【问题讨论】：

【解决方案1】：

粗略的回答是只使用百分比作为宽度：http://jsfiddle.net/xV28s/1/

您应该将所有这些样式元素移到 css 中。

【讨论】：

【解决方案2】：

试试这个：

CSS：

#parent { overflow: auto; }
#inner-left { float: left; width: 25%; }
#inner-right{ float: right; width: 75%; }

HTML：

<div id="parent">
    <div id="title">Title</div>
    <div id="inner-left">&nbsp;</div>
    <div id="inner-right">&nbsp;</div>
</div>

【讨论】：