css设置父div高度为90%后，子div高度超出父div范围解决方法

当子div高度超出父div范围时，可以通过以下两种方法解决：

1. 使用绝对定位

可以将子div的position属性设置为absolute，并设置top和bottom属性，使其相对于父div的上下边界定位。这样可以保证子div的高度不会超出父div范围。

.parent {
  height: 90%;
  position: relative; /* 父元素设置relative定位 */
}

.child {
  position: absolute; /* 子元素设置absolute定位 */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

2. 使用flex布局

可以将父div设置为flex布局，然后将子div的flex属性设置为1，这样子div会自动填充父div的高度，且不会超出父div范围。

.parent {
  height: 90%;
  display: flex; /* 父元素设置flex布局 */
  flex-direction: column; /* 纵向布局 */
}

.child {
  flex: 1; /* 子元素设置flex属性为1 */
}

以上两种方法都可以解决子div高度超出父div范围的问题，具体使用哪种方法可以根据实际情况灵活选择。