0
0
零下一度
发布时间：2017-06-30 16:29:43
|17596人浏览过
|来源于php中文网
原创
一直不明白height:100%和height:auto的区别，最近在制作前端页面时都用了height:100%;overflow:hidden; ，可是有些浏览器出现莫名的奇妙的问题，但换成height:auto就好了，百度过这个问题，却一直没有细看。
今天又浮现了同样的问题，百度细看和群里的朋友指点，终于明白其中的道理，记录一下。
height:auto，是指根据块内内容自动调节高度。
height:100%，是指其相对父块高度而定义的高度，也就是按照离它最近且有定义高度的父层的高度来定义高度。
auto是随内容的高度而撑开的。100%是根据父级元素的高度来决定的。例如：
这个容器的高度是随里面的内容的高度而定这个容器的高度为父级的高度，100px
比如一个表格在另一个表格里面，如果外面的表格高是100，里面表格当是auto的时候，如果表格里面没有东西，它就没有高度，表格里面的内容有多高，它就有多高，而当是100%的时候，无论里面有没有内容，它都和外面的表格是一样高的
相关文章
如何精确控制标题文字的垂直间距以消除多余空白
如何精确控制标题文字的行高以消除多余空白
html5可视化编辑怎么改文字排版_html5可视化排版调整技巧【技巧】
html5如何嵌入iframe自适应_html5嵌入iframe满屏适配【教程】
如何让 SVG 在 Flex 布局中严格适配父容器高度且保持宽高约束
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
本专题深入讲解 C++ 中的常见设计模式与架构优化，包括单例模式、工厂模式、观察者模式、策略模式、命令模式等，结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析，帮助开发者掌握 如何运用设计模式构建高质量的软件架构，提升系统的灵活性与可扩展性。
14
2026.01.30
热门下载
相关下载
精品课程
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
