首页 HTML/CSS HTM UL标签下面的li属性float时首个下沉原因

HTM UL标签下面的li属性float时首个下沉原因

作者:胡同里的砖头 围观群众:1059 更新于:2013-12-19

如图:

图片上沉了,上面确空出足够大的空间没有填进去

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】
  • 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.
留言评论
站点声明:
1、本站【胡同里的砖头】个人博客,借鉴网上一些博客模板,取其各优点模块自行拼装开发,本博客开发纯属个人爱好。
2、所有笔记提供给广大用户交流使用,可转载,可复制,纯个人开发所遇问题锦集记录使用
Copyright © huzlblog.com All Rights Reserved. 备案号:苏ICP备2021056683号-8