Html 如何设置管理面板的内容区域以占据剩余宽度

我有一个html，一个简单的管理面板框架：

body{margin:0}
行政小组{
显示器：flex；
高度：100vh；
}
.左窗格{
宽度：250px；
背景色：#0038a8；
}    
.右窗格{
宽度：87%；
背景色：#ce1126；
}

左边
正当

您可以在右窗格上使用并删除宽度：

.adminpanel{
显示器：flex；
弯曲方向：行；
高度：100vh；
}
.左窗格{
宽度：250px；
背景色：#0038a8；
}
.右窗格{
背景色：#ce1126；
柔性生长：1；
}

左边
正当

您可以使用：

.rightpane { flex-grow: 1; }

还是老派

.rightpane { width: calc(100% - 250px); }

body{margin:0}
行政小组{
显示器：flex；
高度：100vh；
}
.左窗格{
宽度：250px；
背景色：#0038a8；
}    
.右窗格{
柔性生长：1；
/*或宽度：计算（100%-250px）*/
背景色：#ce1126；
}

左边
正当
Reflange{Flex：1 }作为一个旁注，你需要考虑在写你的时候得到的相关问题。事实上，在这个问题的右侧也可以看到它们。。其中2个问题完全回答了你的问题