height:100%和height:auto的区别

Posted 滥好人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了height:100%和height:auto的区别相关的知识,希望对你有一定的参考价值。

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

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

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

以上是关于height:100%和height:auto的区别的主要内容,如果未能解决你的问题,请参考以下文章

height:100%与height:inherit的区别

css问题,设置的height:auto;无效,设置像素值就有效,没有设置过浮动,

如何实现div的上下左右都居中?

港口风景区

响应式设计

100%缩放背景图像(不保留纵横比)