css设置div占满剩余的高度

可以使用CSS的flexbox布局来实现。

首先，将父元素设置为display:flex;，然后将子元素的高度设置为100%。

具体的代码如下：

.parent {
  display: flex;
  flex-direction: column;
  height: 100vh; /* 父元素高度设置为视口高度，也可以设置为固定高度 */
}

.child {
  flex: 1; /* 子元素的flex值为1，自动占满剩余高度 */
}

其中，flex:1;的意思是将剩余的空间平均分配给所有的子元素。这样，子元素的高度就会自动填满父元素剩余的空间。