和所有刚入门的菜鸟一样，我发现float有高度塌陷问题，又很偶然的发现float元素后加<img/>能消除float带来的破坏性。

后来百度了一下，大部分的float高度塌陷问题都没有提及img带来的影响。

解决高度塌陷问题方法：

1.在最后一个元素后加入<div style="clear:both">

2.father-div设置高度

3.父元素加上after伪元素：

 
其中第三种方法的效果是最好的，和<img/>差不多，不过好像还是after比较优一点。

最新文章

  1. Linux系统中的Device Mapper学习
  2. webapp启动流程
  3. java的几种对象(PO,VO,DAO,BO,POJO)解释
  4. Oracle行列转换
  5. Greedy:Allowance(POJ 3040)
  6. tuple解包给类的构造函数
  7. [ES6] 13. Using the ES6 spread operator ...
  8. DB_NAME、DB_UNIQUE_NAME、SERVICE_NAME和INSTANCE_NAME等的区别
  9. 视频（其他）下载+tomcat 配置编码+图片上传限制大小
  10. JMeterPluginsCMD Command Line Tool
  11. 寻找第k元
  12. html5中viewport与meta详解
  13. 用for循环打印九九乘法表（for嵌套循环）
  14. 浅谈awk命令
  15. 十五、Facade 窗口设计模式
  16. 【转载】如何让图片按比例响应式缩放、并自动裁剪的css技巧
  17. Java - 23 Java 抽象类
  18. （二十）ArcGIS JS 加载WMTS服务（超图示例）
  19. 牛客网-《剑指offer》-二进制中1的个数
  20. Django---简单from表单提交

热门文章

  1. SQL2008 的 日期数据类型
  2. The communication of Linux Server and Localtion
  3. Mifare系列7-安全性（转）
  4. 深入理解BFC和外边距合并(Margin Collapse)
  5. Jmeter学习（一）
  6. java归并排序，单线程vs多线程
  7. nginx 支持laravel 5.3配置
  8. mybatis-mysql操作存储过程
  9. 初识App安全性测试
  10. LogConfigruration