css父元素设置了min-height但子元素设置height:100%无效

css 给元素设置 高度为百分百属性，如：height:100%，是以父元素的高度来计算的。父元素的高度需要确定。

比如，如果给父元素的高度设置 min-height:300px。虽然父元素会有个最低高度300px，但是子元素设置为height:100%，子元素的高度还是撑开。

因为有有最小高度的父盒子里面的子元素不能继承高度属性~

子元素的 height 或是 min-height 百分比是否生效，基于父元素是否设置了固定高度或者是一个有效百分比高度，总结来说就是一个有效高度！

1. 父容器height: auto，无论height:100%或者height:inherit表现都是auto.

2. 父容器定高height: 100px，无论height:100%或者height:inherit表现都是100px。

3. 父容器只有min-height属性，子元素无论height:100%或者height:inherit表现都是auto.

参考文章：

https://www.cnblogs.com/kunmomo/p/10600662.html

https://www.cnblogs.com/kunmomo/p/10601289.html

转载本站文章《css父元素设置了min-height但子元素设置height:100%无效》,
请注明出处：https://www.zhoulujun.cn/html/webfront/style/cssBase/2012_0614_8583.html