为什么中间三张图片隐藏后就一张都没了

.ad{
                height: 310px;
                overflow: hidden;

}

<div class="ad" id="picBox">
                <div class="pic">
                    <ul>
                        <li><img src="img/ad2.jpg"/></li>
                        <li><img src="img/ad3.jpg"/></li>
                        <li><img src="img/ad4.jpg"/></li>
                    </ul>
                </div>
            </div>