20221116 孙科

• 元素的显示与隐藏
  
  • display 显示与隐藏 （常用的隐藏元素属性）
    
    • display:block; 除了转化为块元素的功能外，还能将元素给显示出来
      
    • dispaly:none; 隐藏对象
      
    • dispaly来隐藏元素时，隐藏的元素不再占有原来的位置，一般会和js在一起进行搭配使用。
      
    • 例
      
  • visibility 显示隐藏
    
    • visibility:visible; 元素可视
      
    • visibility:hidden; 元素隐藏
      
    • 用visibility隐藏元素之后，继续占有原来的位置
      
    • 例
      
    • 如果隐藏元素之后不占位置就用display，如果要占位置就用visibility。
      
  • overflow 溢出的显示与隐藏
    
    • overflow: visible; 不剪切内容，也不添加滚动条。
      
    • overflow:hidden; 将超出盒子的内容给隐藏掉
      
    • overflow: scroll; 不管盒子里的内容有没有超出盒子的范围，都显示滚动条
      
    • overflow:auto;  内容超出盒子的话就显示滚动条，不超出盒子就不显示。