css中height:auto属性不起作用的解决方法

这篇文章主要介绍css中height:auto属性不起作用的解决方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

css height:auto不起作用的解决办法：1、利用chrome查找被覆盖属性的父级css属性，并删除；2、将父元素加上“zoom:1;overflow:hidden;”语句即可。

css height:auto不起作用怎么解决？

可能因为父元素处于浮动状态，浮动是会脱离文档流的，内部两个层就不会局限于父层，所以父层不知道内部的高度，但清理浮动可以把他们“拉”回来。

两种解决办法：

①利用chrome查找被覆盖属性的父级css属性，并删除。

②父元素加上 zoom:1;overflow:hidden;

zoom:1会触发ie（ie8以下）的haslayout，刚好能清理浮动; overflow:hidden;则对其他浏览器起作用（其实对ie7也会起作用）。

当父DIV有固定高度会同zoom:1; 一样会触发ie（ie8以下）的haslayout，但auto值却不会。

以上是“css中height:auto属性不起作用的解决方法”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！