郑州市交通违章查询:万能清除浮动样式 | CSS | 前端观察
来源:百度文库 编辑:九乡新闻网 时间:2024/04/29 01:04:47
这个是一个很流行的清除浮动的方法,在很多大项目上已经被完全采用。
这个方法来源于positioniseverything ,通过after伪类:after和IEhack来实现,完全兼容当前主流浏览器。
Update @ 2008.11.12
刚刚看到一篇日志说这个问题,受到了点启发:
.clearfix:after { content: "020"; display: block; height: 0; clear: both; } .clearfix { zoom: 1; }
这个是优化版的清除浮动的样式,很值得推荐。
另外,我见到了一个无敌的清除浮动的样式,这个是通过独立的代码来清除的。
Text
html body div.clear, html body span.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
这个样式可以通过在页面中添加 或 来清除页面中的浮动。
这个页面正是著名的960 CSS 框架的作者的博客。而他却在960 CSS框架中同时使用了这两种方法。
这个方法来源于positioniseverything ,通过after伪类:after和IEhack来实现,完全兼容当前主流浏览器。
Update @ 2008.11.12
刚刚看到一篇日志说这个问题,受到了点启发:
.clearfix:after { content: "020"; display: block; height: 0; clear: both; } .clearfix { zoom: 1; }
这个是优化版的清除浮动的样式,很值得推荐。
另外,我见到了一个无敌的清除浮动的样式,这个是通过独立的代码来清除的。
Text
html body div.clear, html body span.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
这个样式可以通过在页面中添加 或 来清除页面中的浮动。
这个页面正是著名的960 CSS 框架的作者的博客。而他却在960 CSS框架中同时使用了这两种方法。
万能清除浮动样式 | CSS | 前端观察
CSS清除浮动专题
CSS清除浮动优一法
几种css 清除浮动的方法
CSS清除浮动常用方法小结_经验交流_脚本之家
常用css 样式
css样式设计技术 /
css样式学习点滴
实时切换CSS样式
消除css浮动--clearfix:after
CSS浮动属性Float详解
CSS按钮样式大全(经典)
CSS自定义滚动条样式
CSS鼠标样式代码大全
更简洁的 CSS 清理浮动方式
菜鸟理解css的float浮动属性 - 蜗爱CSS
CSS中的ul与li样式详解
CSS:移动网站开发的前端技术和技巧
清除忧虑的万能公式
css统一设置input样式(区分input类型2
一个公司网站的css样式表 - 东昊信息网
css统一设置input样式(区分input类型222
Dreamweaver中CSS样式表的应用实例
解决firefox ie6 ie7 ie8的css样式兼容问题