一个在firefox下异常的li显示问题,在IE78等版本都显示正常_html/css_WEB-ITnose

栏目七莫名的会对不齐,真是百思不得其解呀
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />无标题文档<style type="text/css">/* CSS Document */* { margin: 0; padding: 0; }body { font-family: "Microsoft Yahei", Verdana;}/* font-family:Microsoft Yahei*/li { list-style-type: none; }.f12 { font-size: 12px; }.f14 { font-size: 14px; }.fWeight{ font-weight: bolder; }/*链接根据页面要求全局自定义*/a { text-decoration: none; color: #666; }a:hover { color: #00A57E; }/*链接绿色*/.width1020{ width: 1000px; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; }#nav { border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #ddd; border-bottom-color: #ddd;}#nav ul { line-height: 0px; height: 24px; margin-top: 12px;margin-bottom: 12px; background-color: #FF80C0; }#nav li { font-family: "Microsoft Yahei",Verdana; float: left; padding-left: 35px; line-height: 24px; height: 24px; margin-left: 25px; margin-right: 20px; background-color: #FFFF80; }</style><body>


回复讨论(解决方案)

这么诡异的问题不会就我一个人遇到吧

我也遇到过

造成这样的原因,通常是文本节点造成的

哦了,结贴给分

你把你粘贴出来的代码再复制回去看看,就没有问题,就如楼上所说是空格导致的

把#nav li中的 margin-right: 20px; 去掉, margin-left: 25px;改为 44px。。。 但是如果改为45px也会出现你那种情况。。

造成这样的原因,通常是文本节点造成的

哦了,结贴给分

果然,晕死,在DW软件下压根 看不到这空格符,浏览器源码查看也没看出

郑重声明:本文版权包含图片归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们(delete@yzlfxy.com)修改或删除,多谢。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

留言与评论(共有 0 条评论)
昵称:
匿名发表
   
验证码: