用after伪类实现,兼容多种浏览器:
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;overflow:hidden;}

为了兼容IE6、IE7,加上下面代码:

.clearfix{zoom:1}

一般情况下,如果父层内部有浮动(float)可能导致父层的高度为0,加上clearfix后就行了。

最新文章

  1. Npm install failed with “cannot run in wd”
  2. iOS适配https详解
  3. mysql--sqlalchemy.exc.IntegrityError: (IntegrityError) (1215, 'Cannot add foreign key constraint'
  4. 明明已经执行Log.i,偏偏打不出日志
  5. css 包含的图片和style="display:none"可以避免图片加载,可以节省网络流量
  6. 使用gcc编译gdb调试
  7. 转载:mybatis和hibernate 解析
  8. poj 1726
  9. 【iOS】随机三角瓷砖布局算法
  10. TCP/UDP简易通信
  11. 轻松理解JavaScript闭包
  12. canvas填充样式
  13. DRAM的原理设计
  14. JS,ATM代码
  15. 【XSY1762】染色问题 网络流
  16. python学习之旅(十五)
  17. 转载 Python 正则表达式入门(中级篇)
  18. python函数基础用法
  19. k-SLAM:k-mer Sorted List Alignment and Metagenomics
  20. echart提示框内容数据添加单位

热门文章

  1. [译]11-spring bean定义的继承
  2. bitbucket相关操作
  3. 历届试题 带分数 全排列模板 JAVA
  4. .net发展-关注
  5. BATCH梯度下降,单变量线性回归
  6. ocrosoft Contest1316 - 信奥编程之路~~~~~第三关 问题 I: 寻找大富翁
  7. jqury关于cooke的操作写入cookie后只显示一次的DIV提示框代码
  8. Tomcat学习笔记(十)
  9. python类基础
  10. 自定义View Draw过程(4)