1. 为什么要清除浮动?

    非IE下,当容器的高度为auto,容器有浮动元素,此时容器的高度不能自己伸长适应内容的高度,造成内容溢出乃至影响布局,即所谓的“浮动溢出”,为防此象,需要清除浮动。

  2. 如何清除浮动?

    这里只记录最好的一种方法,伪元素和ie 触发haslayout:

    .clearfix{zoom:1;}

    .clearfix:after{content:"x";display:block;height:0;clear:both;visibility:hidden;}

    a.给容器添加一个clearfix的class;

    b.给这个class添加一个:after伪元素实现添加看不见的块元素

 
注意:visibility:hidden和display:none的不同:
      前者:隐藏但是占位;
      后者:不显示不占位。

最新文章

  1. MySQL导入SQL文件及常用命令
  2. sql联合查询多个表
  3. atom 安装插件出现 EIO 错误
  4. 多线程BackgroundWorker
  5. 配置caffe的python环境时make pycaffe提示fatal error: numpy/arrayobject.h No such file or directory解决方法
  6. Cloudera CDH5 部署实战指南(离线安装)
  7. linux服务器上
  8. 【亲测可用】MySQL 4.1迁移到MySQL 5.0版本的中文乱码问题解决
  9. 14.7.2 Changing the Number or Size of InnoDB Redo Log Files 改变InnoDB Redo Log Files的数量和大小
  10. 利用margin代替小图标的绝对定位;使代码更简洁
  11. urllib2.URLError: <urlopen error [Errno 104] Connection reset by peer>
  12. Java 接口基础详解
  13. Lesson 1-1
  14. java(9)类和对象
  15. JDBC复习2
  16. 硬盘SMART参数解释
  17. win7 任务计划运行批处理,不能正常运行,需用绝对路径
  18. 4. Add override methods to class
  19. oracle数据库学习记录(持续更新中...)
  20. 浅谈React虚拟DOM

热门文章

  1. create thread的时候发生core dump
  2. 03-组合逻辑电路设计之译码器——小梅哥FPGA设计思想与验证方法视频教程配套文档
  3. 初识python第二天(2)
  4. selenium操作H5视频
  5. Web的Ajax应用开发模式(三)——Ajax的开发
  6. IIS7配置PHP运行环境
  7. 《BI那点儿事》数据流转换——字词查找转换
  8. ARM处理器的寄存器
  9. CSS的压缩 方法与解压
  10. CentOS 6 使用 yum 安装MongoDB及服务器端配置