CSS Top和Left百分比值是否取決於屏幕分辨率？

Question

我試圖使用top和left屬性將jquery popup div對齊到我的屏幕中心。我認爲最好爲這兩個屬性賦予％值，這樣即使瀏覽器窗口調整大小，彈出窗口也會居中。

但是，當我實際調整瀏覽器窗口的大小並不像預期的那樣。

所以我的疑問是，我們指定的頂部左側屬性的％值取決於屏幕分辨率嗎？還是他們依賴父容器的大小？

Answer 1

他們可能會。百分比是相對於任何包含它的元素。如果這個元素碰巧是窗口本身，那麼是的，這與決議有關。實際上，只要其父母一定會依賴於屏幕分辨率。父母的父母也是如此，等等。有點難以把握。

基本上，如果任何元素「高於」你的元素在層次結構不是取決於分辨率，你的元素也不是。但爲了看它的父母是否取決於分辨率，你必須看那個元素的父親。之後的父母。一直到頂端。或者你可以測試它，看看:)

它有一個絕對定位/大小的元素上面的某個地方在「層次」，那麼機率是不依靠屏幕分辨率。

Answer 2

％取決於下一個相對父容器的大小。

Answer 3

百分比依賴於父母的大小。看到這裏：http://jsfiddle.net/tqWhL/4/紅色的div和#a一樣寬。

由於body是瀏覽器窗口寬度的100％，你可以讓你的div body一個孩子，將其設置爲100％的寬度。