float浮动之后高度自适应失效解决方案

float浮动之后高度自适应失效解决方案 

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2015年11月17日 17:29:00 

http://fanshuyao.iteye.com/

 

一、问题描述

父div中里面的内容（如div）浮动之后，父div的高度不能自适应了

 

二、给父div加上overflow:hidden;即可解决

 

三、网上其他解决方法（未测试，但原理差不多）：

  给父div加上

overflow:auto; zoom:1;

 overflow:auto;是让高度自适应， zoom:1;是为了兼容IE6，也可以用height:1%;的方式来解决。

 

注：使用 overflow:auto，会造成一个滚动条，为了避免一个滚动显示你应该使用overflow:hidden。然而，这种方法也有一个缺点。使用overflow:hidden隐藏任何超出容器的边界的内容。

 

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2015年11月17日 17:29:00 

http://fanshuyao.iteye.com/