div滑动显示隐藏div用css解决

可以使用CSS的:hover伪类来实现div的滑动显示和隐藏效果。具体的实现方式可以参考下面的代码：

HTML代码：

<div class="wrapper">
  <div class="trigger">触发器</div>
  <div class="content">显示内容</div>
</div>

CSS代码：

.wrapper {
  position: relative;
  border: 1px solid #ccc;
  height: 100px;
}

.content {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  display: none;
  z-index: 999;
}

.trigger:hover + .content {
  display: block;
}

在上面的代码中，trigger是触发显示和隐藏的元素，content是需要显示和隐藏的元素。触发器和内容元素都被包裹在一个外层的wrapper元素中，并设置了position: relative属性，这是为了在触发器元素位置变化时，可以通过绝对定位的方式隐藏或显示内容元素。

内容元素设置了绝对定位，top属性设置为100%，将其放置到了触发器元素下面。同时，display属性设置为none，表示一开始内容元素是隐藏的。

最后，使用.trigger:hover + .content选择器，当触发器元素被hover时，下一个兄弟元素（也就是内容元素），将会被显示出来。