height:100%和height:auto的区分

Posted roxxane

tags:

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

height: auto

子元素有多高,父元素就有多高,自动撑大

 

height:100%

父元素有多高,该元素就有多高

 

注意:table无法设置宽度,只能被子元素(tr,td)撑大

        iframe 没法被子元素撑大,所以height:auto无效;要么设定固定值,要么写js代码实时计算高度,实现自适应;要么给父元素定宽高后,再给iframe设置height:100%。

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

height:100%与height:inherit的区别

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

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

港口风景区

响应式设计

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