当前位置:  编程技术>WEB前端

对于IE7、FF、OP清除浮动的最优方法第1/2页

    来源: 互联网  发布时间:2014-09-06

    本文导语:  在CSS森林群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动,嘿嘿,这个方法不单使用简单,而且FF、OP、IE7都支持,从此可以告别那又长兼容性又差的FF清浮动的方法了。  方法真的很简单,只要为需要清浮动...

在CSS森林群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动,嘿嘿,这个方法不单使用简单,而且FF、OP、IE7都支持,从此可以告别那又长兼容性又差的FF清浮动的方法了。 

方法真的很简单,只要为需要清浮动的标签加上overflow这个属性。 
css代码
代码如下:

ul{
list-style:none;
height:auto;
margin:0;p
adding:0;
background-color:#436973;
}
li{
float:left;
width:80px;
height:80px;
background-color:#83B1DF;
}
.demo{
clear:both;
border:1px solid #FF00FF;
margin-bottom:5px;
}
.overflow{
overflow:auto;
zoom:1;
background-color:#43FF73;
}
ul{
list-style:none;
height:auto;
margin:0;
padding:0;
background-color:#436973;
}
li{
float:left;
width:80px;
height:80px;
background-color:#83B1DF;
}
.demo{
clear:both;
border:1px solid #FF00FF;
margin-bottom:5px;
}
.overflow{
overflow:auto;
zoom:1;
background-color:#43FF73;
}

HTML代码
代码如下:

 
 
  • 1
  •  
  • 2
  •  
  • 3
  •  
  • 4
  •  
  • 5
  •  
  • 6
  •  
  • 7
  •  
  • 8
  •  
  • 9
  •  
     
     
     
       
    • 1
    •  
    • 2
    •  
    • 3
    •  
    • 4
    •  
    • 5
    •  
    • 6
    •  
    • 7
    •  
    • 8
    •  
    • 9
    •  
     
     

    其中zoom是为了IE6准备的。
    Overflow hack Demo|www.CSSForest.org /**/

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


        
     
     

    您可能感兴趣的文章:

     
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Internet Explorer 8 beta 中文版与IE7共存的解决方法
  • !important在ie7.0的hack方法
  • 解决IE7以下版本不支持无A状态伪类的几种方法
  • CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
  • IE7 增强插件 IE7Pro
  • 区分IE6,IE7,firefox的CSS hack
  • 解决IE兼容性问题 IE7.JS
  • css ie6 ie7 ff的CSS hack使用技巧
  • 一个针对IE7的CSS Hack
  • ie6,ie7,ie8完美支持position:fixed的终极解决方案
  • 通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5 代码推荐
  • 特牛的FF/IE6/IE7专用CSS HACK
  • 多浏览器下IE6 IE7 firefox li 间距问题第1/2页
  • IE7 beta2的CSS兼容性
  • 浏览器兼容解决FF/IE6/IE7背景专用CSS HACK
  • jsp 文件上传浏览,支持ie6,ie7,ie8
  • 当ie7不认!important之后 [布局的解决办法]
  • 去除链接元素的虚线框 兼容IE7、IE6、FF
  • jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
  • 支持IE6 IE7 Firefox 的纯CSS的下拉菜单
  • IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案
  • IE6,IE7和firefox对DIV的支持区别
  • jquery 导航菜单代码(兼容IE6,IE7,FF等)
  • 网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3