本文摘自PHP中文网，作者藏色散人，侵删。
css height:auto不起作用的解决办法：1、利用chrome查找被覆盖属性的父级css属性，并删除；2、将父元素加上“zoom:1;overflow:hidden;”语句即可。
本教程操作环境：windows7系统、Chrome76.0&&CSS3版本，Dell G3电脑。
相关推荐：《css视频教程》
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 不起作用怎么办的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
