类似grid网格布局的巧妙玩法
.box { margin: 20px auto; width: 800px; height: 800px; } ul li { position: relative;
float: left
list-style: none; width: 150px; height: 300px; border: 1px solid dimgrey; margin-left: -1px; } ul li:hover {
z-index: 1;
border: 1px solid orange; }
<div class="box"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div>