元素的显示与隐藏，让一个元素在页面中隐藏或显示出来

display

• display: none ；隐藏对象
• display：block ；除了转换为块级元素之外，同时还有显示元素的意思

display 隐藏元素后， 不再占有原来的位置 。 后面应用及其广泛，搭配 JS 可以做很多的网页特效。

 

visibility

• visibility：visible ; 元素可视
• visibility：hidden; 元素隐藏

visibility 隐藏元素后， 继续占有原来的位置 。

 

overflow

• visible 默认可见
• hidden 超出部分隐藏
• scroll 不管是否超出，显示滚动条
• auto 超出显示滚动条，不超出不显示

一般溢出部分会隐藏，否则影响布局。如果有定位的盒子，慎用overflow: hidden;