css 中visibility:hidden和display:none有什麼區別呢

<div style="width:100px;height:100px;background:red;visibility:hidden"></div>
//對象隱藏後，還有佔有相應的空間大小

<div style="width:100px;height:100px;background:red;display:none"></div>
//對象隱藏後，對象不佔任何空間