鼠标放上显示边框

如下图所示：

CSS样式： <style>        .test {      width: 100px;      height: 200px;      border: 1px solid #ddd;      float: left;      margin-left: -1px;  /*清除右边框让其显示一条边框*/      position: relative;  /*鼠标放上让其定位，相对定位占位置，绝对定位不占位置，后面浮动的div会跑到下面*/    }    .test:hover {      border: 1px solid #e92322;      cursor: pointer;      z-index: 1;          }  </style>HTML代码：  <div class="box">    <div class="test"></div>    <div class="test"></div>    <div class="test"></div>  </div>