<div class="card">鼠标移进来这个盒子的时候，在这盒子上添加一个高50框跟父盒子一样的两个div并列的

您可以使用CSS的:hover伪类和伪元素::before和::after来实现这个效果。以下是一个示例代码：

<div class="card">
  鼠标移入时显示的内容
</div>

.card {
  position: relative;
  width: 200px;
  height: 200px;
  background-color: lightblue;
}

.card:hover::before,
.card:hover::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 50px;
  background-color: lightgreen;
}

.card:hover::before {
  left: 0;
}

.card:hover::after {
  right: 0;
}

在这个示例中，当鼠标悬停在.card元素上时，使用:hover伪类来选择该元素。然后使用::before和::after伪元素来创建两个并列的高50像素的div。通过position属性将它们定位到与父盒子相同的高度，并设置背景颜色。

请注意，这只是一个简单的示例，您可以根据自己的需求进行相应的调整。