css - 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;
}

与 Firefox 相比，在 IE 中它向左移动 100 像素，而在 Chrome 中，相对于 FF 向右移动 100 像素……为什么？

编辑：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 :)

Answer 2

你的父 div 必须有position:relative;. 否则，您position:absolute;将在所有页面中定位。如果父 div 具有相对定位，则绝对 div 会根据其父级自身定位。