微信公众号 讲师中心
首页
文章
web3.0 后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 JavaScript 后端开发 数据库 移动端 运维开发 UI设计 计算机基础 XML Web Services
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
web3.0 后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程
游戏教程 自媒体 新闻
首页 > web前端 > css教程 > 正文

css height:auto 不起作用怎么办

藏色散人
发布： 2021-01-05 10:11:41
原创
3713人浏览过
css height:auto不起作用的解决办法：1、利用chrome查找被覆盖属性的父级css属性，并删除；2、将父元素加上“zoom:1;overflow:hidden;”语句即可。

css height:auto 不起作用怎么办

本教程操作环境：windows7系统、Chrome76.0&&CSS3版本，Dell G3电脑。

相关推荐：《css视频教程》

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

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

立即学习“前端免费学习笔记（深入）”；

两种解决办法：

轻舟办公
轻舟办公

基于AI的智能办公平台

轻舟办公194
查看详情 轻舟办公

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

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

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

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

以上就是css height:auto 不起作用怎么办的详细内容，更多请关注php中文网其它相关文章！

相关标签：
css css chrome css3 auto overflow zoom

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：关于CSS margin的一些你需要知道的知识点 下一篇：利用css来画出各种样式不同的梯形
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
CSS盒模型如何处理溢出内容_CSS overflow属性应用场景 overflow属性控制内容溢出行为，其取值包括visible、hidden、scroll、auto，可单独用于overflow-x/y；hidden能裁剪溢出并触发BFC防止布局破坏，如限制图片超出卡片边界；auto在内容超限时自动显示滚动条，适用于固定高度容器如消息列表；处理单行文本溢出时需结合white-space:nowrap与text-overflow:ellipsis，并设置overflow:hidden以实现省略号效果；合理选用overflow策略可提升布局可控性与用户体验。
2025-11-03 03:57:26
879
如何通过css实现按条件切换主题 通过CSS变量和JavaScript实现主题切换，首先定义:root中的主题变量，利用[data-theme]属性选择器覆盖样式，并通过JavaScript切换属性值实现手动换肤；结合prefers-color-scheme媒体查询可自动适配系统偏好；使用localStorage保存用户选择，确保刷新后主题不变；页面加载时优先读取本地存储或系统设置，保证体验一致。关键在于统一管理变量、同步状态与初始化逻辑。
2025-11-03 03:37:24
327
CSS框架Foundation与Bootstrap对比分析_选择建议与应用 Bootstrap适合标准化管理系统，Foundation更适合高定制化创意网站；前者组件丰富、上手快，后者网格灵活、设计自由度高，选择需结合项目类型与团队习惯。
2025-11-03 03:31:19
152
如何在CSS中实现响应式表格单元格宽度_百分比与minmax应用 使用百分比和minmax()函数可实现响应式表格布局。首先采用table-layout:fixed与百分比宽度适用于固定列数场景，确保单元格按比例分配空间；其次通过CSSGrid结合minmax()定义列宽范围，如minmax(100px,1fr)，实现弹性伸缩，适合复杂布局；最后利用媒体查询在不同屏幕下调整列宽或隐藏非关键列，提升移动端体验。选择方案需权衡结构灵活性与浏览器兼容性。
2025-11-03 03:17:31
325
如何在CSS中实现悬停显示隐藏内容_position与display结合 答案：通过position与display属性结合实现鼠标悬停显示隐藏内容。默认用display:none隐藏元素，悬停父级时设为display:block显示；父级设position:relative，子级用position:absolute精确定位，常见于下拉菜单、提示信息等场景。
2025-11-03 02:13:12
981
css边框颜色border-color设置技巧 border-color需配合border-style使用才能生效，可单独设置四边颜色，支持简写、透明、渐变模拟及CSS变量管理，提升页面美观与维护性。
2025-11-02 23:51:02
148
如何使用CSS Flexbox实现响应式布局_Flex与媒体查询结合 使用CSSFlexbox结合媒体查询可高效实现响应式布局。首先设置.container{display:flex;flex-wrap:wrap}启用弹性布局，.item{flex:1}使子元素均分空间。采用移动端优先策略，默认小屏为flex-direction:column和width:100%，在@min-width:768px时切换为横向排列并设flex:1。通过多断点控制，如576px下.item{flex:11calc(50%-20px)}实现两列，992px下calc(33.333%-
2025-11-02 23:41:02
181
在css中行内元素display inline block区别 布局行为不同：inline元素不能设置宽高，不独占行，上下margin和padding不影响行高；inline-block可设置宽高和完整盒模型，保持同行排列。2.换行与空白处理：两者均因空格产生间隙，可通过HTML紧凑书写、font-size:0或flex布局消除。3.垂直对齐方式：均受vertical-align影响，默认按基线对齐，适用于图文混排。inline多用于文本内标签，inline-block适合需尺寸控制的水平排列元素，如按钮、输入框组合。
2025-11-02 23:33:33
441
CSS动画元素的初始状态如何设置_keyframes from与to技巧 正确设置CSS动画初始状态需确保元素样式与from关键帧一致，避免闪现；可通过预设样式或animation-fill-mode:backwards解决，结合transform实现滑入等效果，并注意fill-mode、样式冲突及循环衔接问题，保证动画流畅启动。
2025-11-02 23:19:25
937
css伪类:last-of-type与样式应用 :last-of-type选择器用于选中父元素中特定标签类型的最后一个子元素，例如p:last-of-type会使最后一个段落文字变红；它与:last-child不同，后者要求元素必须是父级的最后一个子节点；常用于去除最后一个段落的边距或高亮最后一项错误信息；该伪类仅基于标签名匹配，不区分class或属性，且在IE9+和现代浏览器中兼容性良好。
2025-11-02 23:13:02
116
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部