隐藏元素 display:none visibility: hidden区别

display直接隐藏对应元素而且挤占该元素的空间

hidden虽然将元素隐藏了，但是将空间让出来了，不会挤占元素空间

.invisible {
    visibility: hidden;
}

.hide {
    display: none !important;
}