CSS属性中display="none“与visibility="hidden"的不同

display="none",元素会从页面移除，不在页面占用位置，当某个元素设置为display="none"时，这个元素后面的元素会移动上来

visibility="hidden"，元素只是被隐藏，仍然在页面中占用位置，当某个元素设置为visibility="hidden"时被不会影响其它元素的位置