jquery - IE7 : Absolutely positioned Child Div with a negative CSS value for 'right'

Question

我已经搜索了几个小时:

我正在创建一个我正在使用 jQuery 制作动画的小条形图。

我将“右”栏作为“左”栏的子栏，这样当我为它们的宽度属性设置动画时，它们将始终保持在一起。因此，它们在异步动画期间永远不会分离。 (我可以为左栏设置动画，而右栏将只是标记...，因为它是一个子元素)

我使用 jQuery 设置了这两个条形图的高度/宽度(类为“左”和“右”)。我对左侧栏的宽度属性进行动画处理以调整其大小。为了调整右侧栏的大小，我为 CSS“right”属性设置了动画。

这就是问题所在:右侧的 div 不可见，“右”的值为负(我也尝试过“margin-right”)。对于“右”的正值，它礼貌地出现在其父 div(左侧栏)内。当我尝试将它放在“左”栏的右侧时，它就消失了。

帮助!! :-O

它在 IE8 和其他所有环境中运行得非常好。

<div class="container" >
                <div class="left">
                    <div class="right"></div>
                </div>  
</div>


div.left{
    background-color:#93dbfb;
    overflow:visible;
    position:absolute;
    width:300px;
    left:0px;
}

div.right{
    background-color:#ffce42;
    z-index:100;
    position:absolute;
    width:300px;
    right:-300px;
}

(同样，高度/宽度和右侧属性都使用 jQuery 动画)

**更新**

我已经尝试使用它的 LEFT 属性设置右侧栏的位置(使用值 left.width + [value])。出现同样的问题。

Answer 1

我想将其作为评论，但我似乎还不能发表评论。无论如何，不​​确定这是否适用于 IE7，但这是否像您尝试做的那样？ http://jsfiddle.net/MnnyH/1/我知道您正在尝试制作图表，但这很容易变成垂直的。