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%，这就是我迷路的地方。因为将 15% 应用于 aChild 元素是不正确的，因为它的父元素不是我从中获得主要百分比的数字。

我不能为此使用 jQuery。

4

1 回答 1

0

我已经可以访问每个父级的像素，因为在我的循环中，每个对象上的像素都是根据其父级的高度从上到下设置的，所以我在循环中的位置并不重要，我总是可以设置只要我在尝试获取百分比之前设置子对象的高度，子对象的百分比。

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