元素的隐藏和显示(display ,visibility ,overflow)

元素的隐藏和显示

1. display 隐藏元素后，不占有原来位置。

​ display: none ; 隐藏对象

​ display: block ; 显示元素 （转化为块元素）

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

   visibility: visible; 元素可视

   visibility: hidden; 元素隐藏

3. overflow 溢出

   overflow: visible; 不剪切内容，也不添加滚动条。

   overflow: hidden; 不显示超出尺寸的内容，溢出部分隐藏

   overflow: scroll: 不管内容是否超出，都会显示滚动条

   overflow: auto; 超出显示滚动条，不超出则不显示。

4. height:0/weight:0

5. div
   {/*透明*/
   opacity:0;
   }