解決CSS中display與visibility的區(qū)別？

區(qū)別：

1、占用域的空間不同。 visibility要占用域的空間，而display則不占用。 visibility和display都可以實(shí)現(xiàn)對(duì)頁的隱藏，例如： 將元素display屬性設(shè)為 block，會(huì)在該元素后換行。 將元素display屬性設(shè)為 inline，會(huì)消除元素?fù)Q行。 將元素display屬性設(shè)為 none，隱藏該元素內(nèi)容，且不占用域的空間。 將元素visibility屬性設(shè)為 hidden，隱藏該元素內(nèi)容，但占用域的空間。 將元素visibility屬性設(shè)為 visible，顯示元素內(nèi)容。

2、回應(yīng)正常文檔流的不同。 如果你想隱藏某元素，但在頁面上保留該元素的空間的話，你應(yīng)該使用visibility：hidden 。如果你想在隱藏某元素的同時(shí)讓其它內(nèi)容填充空白的話應(yīng)該使用display：none 。 在現(xiàn)實(shí)中我發(fā)現(xiàn)人們更多的傾向于使用display 屬性（相信這也是大多數(shù)人的習(xí)慣）。當(dāng)你決定用display：none 來隱藏一個(gè)元素時(shí)，你必須知道其它內(nèi)容將填充到該元素留下的空白位置，從而改變頁面的布局。