要让height: 100%生效，需要确保元素所在的父元素拥有可确定的高度。这可以通过以下几种方式来实现：
-
设置父元素的高度，可以通过直接给父元素设置
height或min-height，或者在父元素的上级元素中设置高度。 -
使用 flexbox 布局，将父元素的
display属性设置为flex，并设置flex-direction为column，然后将子元素的flex-grow属性设置为1。 -
使用绝对定位，将父元素的
position属性设置为relative，然后将子元素的position属性设置为absolute，并将top、bottom、left和right属性都设为0。
请注意，单位为百分比的高度是相对于父元素的高度而言的。因此，在确定父元素高度的同时，还需要确保子元素中没有其他元素占据了高度。