如图:
图片上沉了,上面确空出足够大的空间没有填进去
HTML:
<ul id="ul_logo">
<li><a href="#"><img src="Images/logo1.gif" /></a></li>
<li><a href="#"><img src="Images/logo2.gif" /></a></li>
<li><a href="#"><img src="Images/logo3.gif" /></a></li>
<li><a href="#"><img src="Images/logo4.gif" /></a></li>
<li><a href="#"><img src="Images/logo5.gif" /></a></li>
<li><a href="#"><img src="Images/logo6.gif" /></a></li>
<li><a href="#"><img src="Images/logo7.gif" /></a></li>
<li><a href="#"><img src="Images/logo8.gif" /></a></li>
<li><a href="#"><img src="Images/logo9.gif" /></a></li>
<li><a href="#"><img src="Images/logo10.gif" /></a></li>
<li><a href="#"><img src="Images/logo11.gif" /></a></li>
</ul>
CSS:
#ul_logo{ width:590px; clear:both; padding:0px; margin:0px; margin-top:40px; text-align:left}
#ul_logo img{ border-width:0px}
#ul_logo li{ float:left; height:40px }
只需要补上上面的CSS里面红字部分,也就是固定li的高度就能解决问题,如帮您解决了您头疼的问题,请记得回复
- 本文标题: HTM UL标签下面的li属性float时首个下沉原因
- 文章分类:【HTML/CSS】
- 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.