类似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>