博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
万能清除浮动样式
阅读量:6702 次
发布时间:2019-06-25

本文共 800 字,大约阅读时间需要 2 分钟。

这个是一个很流行的清除浮动的方法,在很多大项目上已经被完全采用。

这个方法来源于 ,通过after伪类:after和IEhack来实现,完全兼容当前主流浏览器。

 

Update @ 2008.11.12

刚刚看到说这个问题,受到了点启发:

.clearfix:after {
content: "020"; display: block; height: 0; clear: both;}.clearfix {
zoom: 1;}

这个是优化版的清除浮动的样式,很值得推荐。

另外,我见到了一个,这个是通过独立的代码来清除的。

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;}

这个样式可以通过在页面中添加<div class=”clear”></div> 或 <span class=”clear”> </span>来清除页面中的浮动。

这个页面正是著名的的作者的博客。而他却在960 CSS框架中同时使用了这两种方法。

分类: 
本文转自快乐就好博客园博客,原文链接:http://www.cnblogs.com/happyday56/archive/2009/09/16/1568128.html,如需转载请自行联系原作者
你可能感兴趣的文章
从ACID到CAP到BASE
查看>>
一种Auto Unlock的方法
查看>>
Tornado 4.3文档翻译: 用户指南-协程
查看>>
被遗忘的Android mipmaps简介
查看>>
最长回文子串——Manacher 算法
查看>>
数据齿轮(DataGear)数据库管理系统 1.1 版本发布
查看>>
[Leetcode] Max Points on a Line 线上最大点数
查看>>
arm还是x86?未来在工业SBC数字谁可以脱颖而出
查看>>
Mybatis成为首选持久框架的原因
查看>>
SAP利用内表删除多条数据(自定义表)
查看>>
电脑上卸载软件的残留文件怎么清理?
查看>>
Android 初始化Menu item的值(ActionBar篇)
查看>>
Facebook和Google服务全球大瘫痪,网友:全世界只剩下推特 ...
查看>>
不让「数据孤岛」成为 AI 发展的绊脚石,「联邦学习」将成突破口? ...
查看>>
阿里云大数据ACP认证知识点梳理9——产品特点(DATA WORKS) ...
查看>>
首发 | 完成近亿美元B轮融资,黑芝麻如何成为自动驾驶芯片破局者?
查看>>
AI通过儿童眼球运动,筛查胎儿酒精谱系障碍
查看>>
【资料下载】Python第四讲——使用IPython/Jupyter Notebook与日志服务玩转超大规模数据分析与可视化...
查看>>
用不到 30 行 Python 代码实现 YOLO
查看>>
云HBase备份恢复,为云HBase数据安全保驾护航
查看>>