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

时间:2022-04-04 20:23:57

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/