前端面试题--CSS隐藏元素的方式（涉及重绘重排）

1.设置“display：none”样式

这个样式会让元素在页面上彻底消失，元素本来占有的空间也会被其他元素占有，所以他会导致浏览器的重排和重绘。

2.设置“visibility:hidden”样式

他和display：none的区别在于，元素在页面消失后，其占据的空间依旧会保留着，所以它只会导致浏览器重绘而不会重排

3.设置“opacity：0”样式

这个样式翻译成中文就是透明为0，也就是完全透明，在视觉上也是隐藏的。

4.绝对定位

利用绝对定位，让元素不出现在可视区域内

position:absolute;
top:-9999px;
left:-9999px;