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：在不同瀏覽器中的絕對定位

回答

相關問題