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

为什么这会在不同的浏览器上获得不同的位置？CSS：在不同浏览器中的绝对定位

{ 
    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它转到左边像100像素相比，Firefox和Chrome浏览器它去像100像素的相对于FF权...为什么？

编辑：HTML只是<div id="container"><div id="the_css_above_div"></div></div>

#container具有以下的css：

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

谢谢！

来源

2011-05-04 luqita

需要html代码才能达到此目的。 – netbrain 2011-05-04 10:24:33

您使用重置css？ – rzetterberg 2011-05-04 10:26:24

刚刚在IE8，FF和Chrome上进行了检查。似乎没有任何不同之处。检查http://jsfiddle.net/EQn2E。需要查看其他代码以查看是否有问题。 – anothershrubery 2011-05-04 10:27:30

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

来源

2011-05-04 14:50:39 luqita

或提供试图帮助更多信息的人？ – anothershrubery 2011-05-04 14:56:45

我相信这不仅仅适用于IE ...块的绝对位置与位置属性设置为相对或绝对关系，或与窗口的关系，如果没有父母的位置定义... – Michael 2011-05-04 15:00:40

我是只是要发布一些关于这个......问题是一直有，就像我看到你的“得到它的工作”我喜欢，跆拳道我知道这个！哈哈谢谢。 +1 – somdow 2012-07-21 11:52:42

你的父div必须有position:relative;。否则您的position:absolute;将从所有页面定位。如果母公司根据其父母有自己的相对定位绝对股息。

来源

2012-05-15 15:48:57 Extelliqent

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

回答

相关问题