求助：float:left导致链接失效

[暮冬Z羡慕]

.box{ width:1140px; margin:0 auto}
.box ul li { width:350px; height:260px; margin:10px; border:1px solid #e6e6e6; list-style:none; }
.box ul li a{ display: block ;height: 100%;width: 100%}
这是样式
<div class="box">
<ul>
<s:iterator value="picturePageBean.list" var="p">
<li>
<a href="${pageContext.request.contextPath}/picture_pictureHome?pictureId=<s:property value="#p.pid"/>">
<img src="${pageContext.request.contextPath}/<s:property value="#p.purl"/>" style="width: 100%;height: 100%"/>
</a>
</li>
</s:iterator>
</ul>
</div>
这里是想要展示的图片
只要添加上float：left，图片就不再能点击，去掉之后就能点击了，怎么办？

[暮冬Z羡慕]

有办法了
可以将float:left换成display：inline-block
这也可以有相同的效果，但是图片的链接能够使用。