1

div 親コンテナー内に div をスタックする必要があります。親 div コンテナーも子であるか、親コンテナー内にあります。

私の問題は、divをピクセルとして積み重ねるとすべて問題ないことです。ただし、div のスタックの下または間に挿入する必要がある場合は、ピクセルが失われることがあります。0.3232 ピクセルを使用することはできないことを認識しており、小数点以下のピクセルを失っていると想定しています。

var PIXELS_PER_FOOT =25; として設定された定数があります。

次のような構造がある場合、親要素に比例する子要素のパーセンテージを設定するにはどうすればよいですか?

  <div id="superParent" height='500px'       OR 20 Feet     >



    <div id="anotherParent" height="300px"   OR 12 Feet     >


    <div id="aChild" height=If this div is  3 Feet 
                             I need to get the percentage of 3 foot from 20 foot and        
                              apply                             
                              that percentage to its parent or                 
                               what I am calling the anotherParent


   </div>
   </div>

したがって、3/20 = 15% の場合。12/20 = 60% を取得する必要があり、ここで迷子になります。aChild 要素に 15% を適用することは正しくないため、その親は私が主なパーセンテージを取得している数値ではないためです。

これにはjQueryを使用できません。

4

1 に答える 1

0

ループでは、各オブジェクトのピクセルが親の高さに基づいて上から下に設定されるため、すでに各親のピクセルにアクセスできます。したがって、ループのどこにいるかは関係ありません。いつでも設定する方法があります。パーセンテージを取得する前に子オブジェクトの高さを設定している限り、子オブジェクトのパーセンテージ。

this.heightPercent = (this.heightPixels / that.parent.size.heightPixels) * 100;
于 2012-05-23T16:11:22.407 に答える