一直不明白height:100%和height:auto的区别，最近在制作前端页面时都用了height:100%;overflow:hidden; ，可是有些浏览器出现莫名的奇妙的问题，但换成height:auto就好了，百度过这个问题，却一直没有细看。
今天又浮现了同样的问题，百度细看和群里的朋友指点，终于明白其中的道理，记录一下。
height:auto，是指根据块内内容自动调节高度。
height:100%，是指其相对父块高度而定义的高度，也就是按照离它最近且有定义高度的父层的高度来定义高度。
auto是随内容的高度而撑开的。100%是根据父级元素的高度来决定的。例如：
<div style="height:100px;width:200px;"> <div style="height:auto;width:100px;float:left;"> 这个容器的高度是随里面的内容的高度而定 </div>
<div style="height:100%;width:100px;float:right;">这个容器的高度为父级的高度，100px</div> </div>
比如一个表格在另一个表格里面，如果外面的表格高是100，里面表格当是auto的时候，如果表格里面没有东西，它就没有高度，表格里面的内容有多高，它就有多高，而当是100%的时候，无论里面有没有内容，它都和外面的表格是一样高的
以上就是height:100%和height:auto到底有什么区别？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
910
