css float之后父级div高度自动失效办法
因为如果内部元素一旦进行了float，这个元素就脱离的文普通的文档流了，所以对于其父级来说他是不存在的，所以自然撑不开了，解决办法2中：
1、父级元素加上 overflow:hidden
| 代码如下 | 复制代码 |
| <div style="overflow:hidden;"> <div style="display:inline;float:left;width:274px;"> ... </div> <div style="display:inline;float:right;width:274px;"> ... </div> </div> | |
以上方式对ie6无效，这时需要在父div的尾部，再加一个隐藏的元素把父div撑开：
| 代码如下 | 复制代码 |
| <div class="m-box view-info" style="overflow:hidden;"> <div style="display:inline;float:left;width:274px;"> </div> <div style="display:inline;float:right;width:274px;"> </div> <div style="display: block;height: 0px;clear: both;visibility: hidden;"></div> </div> | |
2、在父级元素结束标签前加上
| 代码如下 | 复制代码 |
| <div style=”clear:both”></div> <div style="overflow:hidden;"> | |
您可能感兴趣的文章：
css子级用float浮动而父级div没高度不能自适应高度
解决子级用css float浮动而父级div没高度不能自适应高度
css float父元素自适应高度无效解决办法
css float之后父级div高度自动失效办法
CSS规范 闭合浮动元素介绍
解决css中父div高度不随子div高度变化的方法
CSS浮动属性Float入门教程
css中z-index不起作用解决办法
深入分析网页设置中css float属性
详解网页设计中的定位与定位应用