让一个元素消失可以用什么方法？除了CSS还有其他方法吗？哪个效率高？
🌙
手机阅读
本文目录结构
**display：none;**隐藏元素 不占据空间;有株连性，回引起渲染与回流，影响性能。
**visible：hidden;**隐藏元素，占据空间;伪株连性，无渲染与回流。
**height:0;overflow:hidden;**溢出隐藏,就是宽、margin、padding都在;相对于 display 来说适用范围太窄，但是好处是能使用 CSS3 动画。
**opacity: 0;**严格来说这个并不是隐藏，透明之后它还占据着页面位置，所以在重排的时候还是会被计算消耗性能。
**position: absolute; left: -9999px;**通过移出可见区域来达到隐藏，效果还可以，就是看着比较恶心。
更多面试题
如果你想了解更多的前端面试题，可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题，也有一些大公司的面试图，可以让你面试更加顺利。
| 面试题 | ||
|---|---|---|
| HTML | CSS | JavaScript |
| jQuery | Vue.js | React |
| 算法 | HTTP | Babel |
| BootStrap | Electron | Gulp |
| Node.js | 前端经验相关 | 前端综合 |
| Webpack | 微信小程序 | - |
这些题库还在更新中，如果你有不错的面试题库欢迎分享给我，我整理后放上来；人人为我，我为人人，互帮互助，共同提高，祝大家都拿到心仪的Offer！
