可能因为li里放有绝对定位的div 和浮动标签的缘故,li在ie6和ie7里 底部出现几像素的mqrgin值,郁闷老久!后来加上下面两句才搞定!

*html .treeUl li{margin-bottom:-4px;}
*+html .treeUl li{margin-bottom:-4px;}

ps:以下是我html和css

.treeUl li{border-bottom:1px solid #8DC73F;height:61px;background:#83C12C; padding-left:12px; position:relative; width:182px;}

.treeUl li .outDiv{background:url(../images/9.gif) no-repeat left center; padding-left:12px; position:absolute; z-index:1000; width:175px; left:12px; top:10px; height:36px;}
.treeUl li.act{ background:#E5771B;}
.treeUl li:hover{ background:#E5771B; border-bottom:#F6C399;}
.treeUl .hideDiv{position:absolute; width:320px; z-index:999; background:#E5771B; border:#F6C399; left:189px; display:none; top:auto;}

.treeUl .hideDiv dl{margin:0 20px 0 15px; padding:6px 0; border-bottom:1px dotted #E4822E;}
.treeUl li:hover .treeUl .hideDiv{ display:block;}
.treeUl .hideDiv dl a{padding-right:5px;}
.treeUl .hideDiv dl dt{font-weight:bold;}

<li>
                    <div class="outDiv">
                        <h2><a href="">3G智能手机</a></h2>
                        <p><a href="">IPHONE手机</a>、
                            <a href="">HTC手机</a>、
                            <a href="">三星手机</a>
                        </p>
                    </div>
                    <div class="hideDiv">
                        <dl>
                            <dt>品牌</dt>
                            <dd>
                                <a href="">三星</a>
                                <a href="">智能</a>
                                <a href="">手机</a>
                                <a href="">IPHONE</a>
                                <a href="">三星</a>
                                <a href="">智能</a>
                                <a href="">手机</a>
                                <a href="">IPHONE</a>
                                <a href="">三星</a>
                                <a href="">智能</a>
                                <a href="">手机</a>
                                <a href="">IPHONE</a>
                            </dd>
                        </dl>
                    </div>
                </li>

转载于:https://www.cnblogs.com/z-uu/archive/2012/09/28/2707861.html

li在ie6 、ie7里莫名其妙的出现几px的margin相关推荐

  1. IE6,IE7,FF等浏览器不兼容原因及解决办法(转)

    IE6,IE7,FF等浏览器不兼容原因及解决办法 2008-07-15 11:26 本文转载,作者:阿里巴巴前端开发,发到这里只是方便以后查看,也给各位需要的朋友. 浏览器的不兼容,大家肯定都是深恶痛 ...

  2. DIV CSS兼容性解决IE6/IE7/FF浏览器的通用方法完美兼容

    在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 ...

  3. IE6,IE7和8浏览器兼容HTML5标签的解决方案

    html5大行其道的时代已经到来.如果你还在等待浏览器兼容,说明你已经与web脱节几条街了.当然,这得益于移动客户端的蓬勃发展.如果还在纠 结于,是否应该掌握html5和css3技术时,请狠狠的抽自己 ...

  4. div+css 布局下兼容IE6 IE7 FF常见问题

    div+css 布局下兼容IE6 IE7 FF常见问题 收藏 所有浏览器 通用 (市面上主要用到的IE6 IE7 FF) height: 100px; IE6 专用 _height: 100px; I ...

  5. ie6,ie7,ie8 css bug兼容解决记录

    断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决 ,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 1 ...

  6. CSS兼容IE6,IE7,FF的技巧

    一.CSS HACK 以下两种方法几乎能解决现今所有HACK.翻阅很多资料,已测试可以使用. 1, !important 随着IE7对!important的支持, !important 方法现在只针对 ...

  7. IE6,IE7和firefox的兼容问题大集合

    CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格 ...

  8. DIV CSS IE6/IE7/IE8/FF兼容问题汇总

    1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...

  9. IE6/IE7/IE8/FF兼容问题汇总,以及解决方案

    1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...

最新文章

  1. 寒冰linux视频教程笔记5 过滤器、输入输出及管道
  2. 111. 畜栏预定【贪心】
  3. stm32控制舵机任意角度_如何对舵机建模仿真?
  4. 参数传值(数组赋值)
  5. CSS学习摘要-数值和单位及颜色
  6. mysql修改密码后phpmyadmin 出现#1045
  7. java ready_Java PushbackReader ready()用法及代码示例
  8. python3进阶开发-第一个仿博客园的项目(1)
  9. 老板要做DDD改造,我现在慌得一比!
  10. 功夫小子实践开发-基本工具类的分析和实现
  11. android同步服务器时间同步,Android时间与服务器同步方案
  12. 用库仑计方法来计量电池容量
  13. 论文的参考文献怎样标注?
  14. 关闭 c4244_秀刻开放注册锁粉;天天有鱼推基金认筹;智慧云开放交易;五子登科开放交易;火艺短视频开放交易;购视界改制;等会儿短视频关闭交易;...
  15. BZOJ3168: [Heoi2013]钙铁锌硒维生素
  16. 【学习日志】2023.04.24 C++ 调整黑点、白点和中值以增加、平衡或降低对比度
  17. kong安装启动问题
  18. 使用内核驱动上手 x710 flow directory 功能
  19. Fresco图片加载+EventBus+Butterknife+Retrofit+RxJava+RxAndroid
  20. 代码已开源,一起魔改大西瓜!

热门文章

  1. [转]LIB和DLL的区别与使用
  2. springboot+mongodb
  3. CSS十问——好奇心+刨根问底=CSSer (转)
  4. 两次服务器灾难事故的反思
  5. how to force opened by browser
  6. 可爱的特殊字符集收集
  7. Tensorflow tf.keras.models.load_model() 打开h5文件失败
  8. 汇编语言 循环控制指令
  9. PHP.ini的register_globals参数
  10. 调用Excel或Oracle数据,数据加载,selenium等使用实例