内部并排Divs调整大小

Question

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

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

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

但我无法做到这一点。

到目前为止，我已经完成了这个

Resizing Div

任何人都可以指导我。我做错了什么。 我将不胜感激任何帮助。

Answer 1

试试这个：

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>

Answer 2

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

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