html - 浏览器调整大小时位置绝对偏移的元素

Question

当我重新调整浏览器大小时，位置设置为绝对的元素不会根据其他元素而改变。如果我将绝对 div 放在相对内部，则不会显示黑框。

<div id="outer"></div>
<div id="blackbox"></div>
<div class="form"></div> 

#outer{
    width:1250px;
    height:auto;
    margin:auto;
    position:relative;
}
#blackbox{
    width:100%;
    height:100%;
    background:#000;
    opacity:0.5;
    position:absolute;
    z-index:10;
    left:0;
    top:0;
}
.form{
    width:500px;
    height:350px;
    z-index:20;
    background:#FFF;
    position:absolute;
    top:100;
    left:400;
}

Answer 1

习惯了

<div id="outer">
<div class="blackbox"></div>
<div class="form"></div> 

</div>

定义到parent div position relative 和child div position absolute

Live Demo

More about Position