mj——css中隐藏元素的三种方法

方法一：使用display

display：none;
可应用于网页中所有内容，让此元素不被显示，并且不占文档流。
display：block；
显示隐藏元素，并且此元素按照块级格式展示。

方法二：使用visibility

visibility：hidden；
可应用于网页中所有内容，让此元素不被显示，但是它只隐藏了元素内容，但仍占据文档流，占据一定空间。内容隐藏却保留空间位置，保留的位置在网页中显示为空白。
visibility：visible;
显示隐藏部分。

方法三：使用overflow

overflow：hidden；
隐藏掉固定区域外的内容，即超出部分隐藏，可有效控制显示区域，但使用时要给定宽高，不然会失效。
同时还可以分开隐藏：overflow-x:hidden;和overflow-y:hidden;分别指隐藏横向和纵向的超出范围，这个属性经常用于需要隐藏滚动条时。