Javascript 内部并排Divs的大小调整

我不熟悉html5、javaScript和jquery，遇到了一个与调整大小有关的问题，需要专家的帮助

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

现在我想，当我调整我的外部div的时候，内部div应该调整它们自己，这样它们的宽度比保持不变

但我无法做到这一点

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

谁能告诉我我做错了什么。 如果有任何帮助，我将不胜感激。

试试这个：

CSS:

HTML:

标题

粗略的答案是只使用宽度的百分比：

---

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

此外，我建议您将样式分解为类。它使事情变得更加容易和干净。

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

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