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/
相关推荐
#### 八、浮动元素闭合与自适应高度 **问题描述**：非浮动元素需要紧跟在浮动元素后面显示，但可能出现异常。 **解决方案**： 1. **clear:both 方法**：通过添加一个`clear:both`的元素来清除浮动的影响。 - **...
清除浮动是指解决浮动元素父元素高度塌陷的问题。方法有： * clear 清除浮动（添加空 div 法） * 给浮动元素父级设置高度 * 父级同时浮动（需要给父级同级元素添加浮动） * 父级设置成 inline-block，其 margin: 0 ...
例如，在浮动元素后添加一个具有`clear:both`样式的元素来清除浮动，或使用伪元素`:after`来实现自适应高度。 #### 四、总结 CSS的兼容性问题是前端开发中不可避免的一部分。通过对这些问题的理解和解决，我们可以...
9. **IE的layout属性触发**：当包含`float`的元素时，IE的自动高度适应可能失效。使用`zoom: 1`可以触发IE的私有属性，实现高度自适应。 10. **margin加倍问题**：在IE6及更高版本中，设置了`float`的元素的`margin...
本文将围绕一个网友在实际工作中遇到的问题和解决方案展开，主要探讨了Div+CSS在实现网页布局时的一些关键知识点，特别是关于`float`属性的兼容性问题，以及如何处理浮动元素的影响。 首先，`float`属性是CSS中的一...
14. 在Firefox 2.0中可能存在父元素不能自适应子元素高度的问题，即高度塌陷问题。 15. 外部样式表不能由`<style>`标签导入，只能通过`<link>`或`@import`规则导入。 16. `<form>`标签不是空标签，因为它可以包含...