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

Question

我尝试使用顶部和左侧属性将jquery弹出窗口div对齐到屏幕中心。我认为最好为这两个属性赋予％值，这样即使调整浏览器窗口大小，弹出窗口也会居中。

但是当我实际调整浏览器窗口的大小时，它并没有按预期产生。

所以我的疑问是，我们为top，left属性指定的％值是否取决于屏幕分辨率？或者它们取决于父容器的大小？

Answer 1

％取决于下一个相对父容器的大小。

Answer 2

他们可能会。百分比是相对于包含它的任何元素。如果那个元素碰巧是窗口本身，那么是的，它与分辨率有关。实际上，只要它的父节点确实如此，它将始终取决于屏幕分辨率。父母的父母也是如此，依此类推。有点难以掌握。

基本上，如果层次结构中元素“上方”的任何元素不依赖于分辨率，那么元素也不会。但是为了查看它的父级取决于分辨率，你必须查看那个元素的父级。然后是父母。等等一路走到顶端。或者你可以测试一下，看看：）

在“层次结构”中，它上面有一个绝对定位/大小的元素，然后很可能 依赖于屏幕分辨率。

Answer 3

百分比依赖于父母的身材。见这里：http://jsfiddle.net/tqWhL/4/红色div和#a一样宽。

由于body是浏览器窗口宽度的100％，因此您可以将div设为body的子项，并将其设置为100％宽度。