IE7：绝对定位的 Child Div，“right”的 CSS 值为负答案

【问题标题】：IE7: Absolutely positioned Child Div with a negative CSS value for 'right'IE7：绝对定位的 Child Div，“right”的 CSS 值为负
【发布时间】：2011-08-14 03:29:23
【问题描述】：

我一直在寻找几个小时：

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

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

我用 jQuery 设置了这两个条的高度/宽度（带有“left”和“right”类）。我为左栏的宽度属性设置了动画以调整其大小。为了调整右栏的大小，我为 CSS“右”属性设置了动画。

所以问题来了：右边的 div 不可见，“right”为负值（我也试过“margin-right”）。 '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;
}

（同样，height/width 和 right 属性都使用 jQuery 进行动画处理）

** 更新 **

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

【问题讨论】：

在jsFiddle 或JS Bin 上创建一个测试用例。目前，尝试重现这一点工作量太大。 Here's what I tried，在IE8和IE8的IE7模式下看起来一样。
如果问题没有得到解决，您为什么要接受答案？

标签： jquery css internet-explorer-7 css-position

【解决方案1】：

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

【讨论】：