display显示隐藏

  1. div {
  2. display: none;/* 隐藏 */
  3. display: block;/* 显示 */
  4. }
  • 隐藏元素后不占有原来的位置

visibility显示隐藏

  1. div {
  2. visibility: hidden;
  3. }
属性值 描述
inherit 继承上一个父元素的可见性(默认值)
visible 显示
hidden 隐藏
  • 隐藏元素后保留原来的位置

overflow溢出显示隐藏

  1. div {
  2. overflow: ;
  3. }
属性值 描述
visible 显示(默认值)
hidden 超出隐藏
scroll 显示滚动条
auto 需要时添加滚动条