height:auto和height:100%的区别

简介:

一直不明白height:100%和height:auto的区别,最近在制作前端页面时都用了height:100%;overflow:hidden; ,可是有些浏览器出现莫名的奇妙的问题,但换成height:auto就好了,百度过这个问题,却一直没有细看。

今天又浮现了同样的问题,百度细看和群里的朋友指点,终于明白其中的道理,记录一下。

height:auto,是指根据块内内容自动调节高度。
height:100%,是指其相对父块高度而定义的高度,也就是按照离它最近且有定义高度的父层的高度来定义高度。

目录
相关文章
|
7月前
|
人工智能 供应链 调度
|
存储 JavaScript 前端开发
【JavaScript】面试手撕浅拷贝
引入 浅拷贝和深拷贝应该是面试时非常常见的问题了,为了能将这两者说清楚,于是打算用两篇文章分别解释下深浅拷贝。 PS: 我第一次听到拷贝这个词,有种莫名的熟悉感,感觉跟某个英文很相似,后来发现确实Copy的音译,感觉这翻译还是蛮有意思的
152 6
ThreeJs场景中添加视频
这篇文章详细说明了如何在Three.js场景中添加并播放视频,包括视频纹理的创建与应用,以及如何将视频流显示在3D模型的表面上。
429 2
ThreeJs场景中添加视频
|
小程序 定位技术 API
uniapp 开发微信小程序 --【地图】打开地图选择位置,打开地图显示位置(可开启导航)
uniapp 开发微信小程序 --【地图】打开地图选择位置,打开地图显示位置(可开启导航)
1551 0
|
Shell Linux 开发工具
linux shell 脚本调试技巧
【9月更文挑战第3天】在Linux中调试shell脚本可采用多种技巧:使用`-x`选项显示每行命令及变量扩展情况;通过`read`或`trap`设置断点;利用`echo`检查变量值,`set`显示所有变量;检查退出状态码 `$?` 进行错误处理;使用`bashdb`等调试工具实现更复杂调试功能。
457 5
|
存储 运维 监控
硬盘检测工具哪个好?
本文评测了五款硬盘检测工具,包括HD Tune Pro(专业全面,适合专家,付费)、CrystalDiskInfo(免费,适合初学者,界面简洁)、DiskGenius(功能强大,免费版有限,适合多任务)、AIDA64 Extreme(详尽硬件信息,性能测试,付费)和HDDScan(免费开源,功能多,界面复杂)。这些工具能检查硬盘健康、SMART信息、坏道、性能等,帮助用户预防数据丢失。根据需求和熟练程度选择合适的工具,定期检测,保障数据安全。
硬盘检测工具哪个好?
|
存储 算法 Java
C++001-初识C++与C++输出语句
C++001-初识C++与C++输出语句
|
Windows
.Net Framework 0x800b0109 -已处理证书链,但是在不受信任提供程序信任的根证书中终止。
.Net Framework 0x800b0109 -已处理证书链,但是在不受信任提供程序信任的根证书中终止。
1782 0
.Net Framework 0x800b0109 -已处理证书链,但是在不受信任提供程序信任的根证书中终止。
|
关系型数据库 MySQL Python
pandas把数据存入mysql
pandas把数据存入mysql
555 0
下一篇
oss云网关配置