css中显示div隐藏div层

在Web开发中，经常需要在同一页面上显示隐藏的内容。这时候就需要用到CSS的显示和隐藏功能。

CSS主要有两种方法用于实现显示隐藏的功能，分别是使用display属性和visibility属性。

// 使用display属性实现
.hide {
  display: none;
}

.show {
  display: block;
}

// 使用visibility属性实现
.hide {
  visibility: hidden;
}

.show {
  visibility: visible;
} 

其中，使用display属性隐藏内容的元素在页面中不占据任何空间，因此隐藏的内容不会影响文档流，而使用visibility属性隐藏内容的元素在页面中仍占据空间，只是不可见。

除了以上两种方法，使用JavaScript也可以实现动态显示隐藏，可以通过操作元素的style.display或style.visibility属性实现。

总的来说，CSS的显示隐藏功能非常灵活方便，可以满足开发中各种需求，大大提高了Web开发效率。