受同级影响的 CSS 绝对定位 div [关闭]

【问题标题】：CSS absolute positioned div affected by sibling [closed]受同级影响的 CSS 绝对定位 div [关闭]
【发布时间】：2014-01-27 14:43:36
【问题描述】：

我有这个例子http://jsfiddle.net/4cu8m/

<div id="main1">
    <div id="inner1"</div>    
    <div id="inner2"</div>    
</div>    

inner1 和 inner2 的 CSS 定位完全相同。它们绝对定位在 main1 内 - 一个相对定位的元素。如果我将left 的坐标更改为inner1，它也会移动inner2。我认为绝对定位是相对于第一个非静态父元素的。

    #main1 {            
        position: relative;
        height: 100px;
        width: 100px;
        background-color: #f00;
        opacity:0.7;
    }
    #inner1 {            
        position: absolute;
        height: 100px;
        width: 30px;
        left : 10px;
        background-color: #0f0;
        opacity:0.7;
    }
    #inner2 {            
        position: absolute;
        height: 100px;
        width: 30px;
        left : 10px;
        background-color: #00f;
        opacity:0.7;
    }

得到这个 而不是

【问题讨论】：

• 请更正您的 html div 标签...你在

  下给出错误代码
• 这就是@Fags 在下面的答案中写的。谢谢。
• 抱歉请忽略...:(