height设置100%失效情况

发布时间:2018-12-20 浏览次数:2796 文章来源:个人博客

当父级元素设置min-height:100%后,子元素height设置成100%无效果。

首先,明确一下,子元素的height设置成百分比,是相对于父级元素的高度的百分比。

而父级元素虽然设置了min-height是100%,但是子元素的heigth是相对与父元素的heigth的,而height是没有值的。

所以父元素设置min-height为100%,但是子元素高度取100%是无效的。

key-word
height无效 css height100%无效 min-height