javascript - インナーサイドバイサイドDivsのサイズ変更

Question

私はhtml5、javaScript、jqueryを初めて使用し、サイズ変更に関連する問題に悩まされており、専門家の助けが必要です。

問題は、内部に3つのdivがあるdivがあることです。1つ目は上部のタイトルdivで、他の2つはタイトルdivの下に並べて配置されます.2つの並べられた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