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

Question

我试图使用 top 和 left 属性将 jquery 弹出 div 对齐到我的屏幕中心。我认为最好为这两个属性提供 % 值，这样即使调整了浏览器窗口的大小，弹出窗口也会居中。

但是当我实际调整浏览器窗口的大小时，它并没有达到预期的效果。

所以我的疑问是，我们为顶部、左侧属性指定的 % 值是否取决于屏幕分辨率？还是它们取决于父容器的大小？

Answer 1

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

Answer 2

他们可能。百分比与包含它的任何元素相关。如果该元素恰好是窗口本身，那么是的，它与分辨率有关。事实上，只要它的父级依赖于屏幕分辨率，它就会一直依赖。父母的父母也是如此，依此类推。有点难把握。

基本上，如果事物层次结构中“高于”您的元素的任何元素不依赖于分辨率，那么您的元素也不依赖于分辨率。但是为了查看它的父元素是否取决于分辨率，您必须查看该元素的父元素。以及之后的父母。以此类推一直到顶部。或者你可以测试一下看看:)

如果在“层次结构”中某处上方有一个绝对定位/大小的元素，那么它很可能不依赖于屏幕分辨率。

Answer 3

百分比取决于他们父母的体型。请参见此处： http: //jsfiddle.net/tqWhL/4/红色 div 与 #a 一样宽。

由于body是浏览器窗口宽度的 100%，您可以让您的 div 成为其子级body并将其设置为 100% 宽度。