CSS:在不同浏览器中的绝对定位

Question

为什么在不同的浏览器上获得不同的位置？

{
    position: absolute;
    left:332px;
    top: 210px;
    width: 293px;
    height: 215px;
    border: 1px solid #000000;
    background-color: #143f72;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

在IE中,与Firefox相比,它向左移动100px,在Chrome中,相对于FF,它向右移动100px ...为什么？

编辑:html只是 <div id="container"><div id="the_css_above_div"></div></div>

#container 有以下css:

#container{
    float:left;
    width: 632px;
}

谢谢!

Answer 1

让它工作......父div需要有position:relative它的CSS声明.如果有人遇到这个问题,请检查你的父div :)