控制div盒子显示与隐藏，首先要理解父级与子级的关系，比如说：我们有一个div盒子，我们取名class为box-w，然后在这个div下面再新建一个div盒子，取名class为dphv，在这里，我们称box-w为父级，dphv为子级，也可以理解为包含与被包含的关系。

css控制

理解这个关系之后，我们可以用到一个css元素：hover ，这个元素的用法就是，当我们鼠标移动到父级div（或其他html元素）的时候，我们可以控制子级div（或其他html元素）的一些样式变化。

这么理解的话，要想实现控制css盒子鼠标放上去显示与隐藏，我们只需要在被控制的div盒子上面加上一个父级元素，然后用下面的代码就可以实现了~

.box-w .dphv{
    display: none;
}
.box-w:hover .dphv{
    display: block;
}