css - 是位置 :absolute; left:-10000px; better than display:none;?

Question

我见过人们将元素的样式设置为:

element{
    position:absolute;
    left:-10000px;
}

而不是设置:

element{
    display:none;
}

第一种方法是否有更好的浏览器支持，或者他们为什么这样做？

Answer 1

display 的元素style 属性是 none 不能是 measured . offsetWidth 等属性和 offsetHeight在这种情况下将始终返回 0。

另一方面，可以测量可见但移到文档区域之外的元素。因此，如果您想隐藏一个元素但仍然能够确定其宽度和高度，第一个解决方案就是可行的方法。