为什么这会在不同的浏览器上获得不同的位置?
{
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;
}
谢谢!
答案 0 :(得分:15)
让它工作......父div需要在它的CSS声明中有position:relative
。如果有人遇到此问题,请检查您的父div:)
答案 1 :(得分:0)
您的父div必须有position:relative;
。否则,position:absolute;
将从所有页面定位。如果父div具有相对定位,则绝对div基于其父亲位置。