javascript - 内部并排 Divs 调整大小

Question

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

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

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

但我无法做到这一点。

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

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

score 0 · Accepted Answer

试试这个：

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>

score 0 · Accepted Answer

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

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

2 回答 2