请问这个a标签为什么只显示出了一个？

Question

.points{
         position:absolute;
         z-index: 9999;
     }

     .points a{
         /* a是一个行内元素，不支持设置宽高 */
        display: block;
         width: 20px;
         height: 20px;
         background-color: red;
     }

<ul class="points">
            <li><a href="javascript:;"></a></li>
            <li><a href="javascript:;"></a></li>
            <li><a href="javascript:;"></a></li>
            <li><a href="javascript:;"></a></li>
            <li><a href="javascript:;"></a></li>
            <li><a href="javascript:;"></a></li>
            <li><a href="javascript:;"></a></li>
            <li><a href="javascript:;"></a></li>
        </ul>

Answer 1

我复制你的代码，但是没有复现出这个问题，倒是给li标签设置绝对定位，会出现你的这个问题