这是我的问题：
PNlmain是写有游客详细信息的主面板
pnlTouristInfo- 保存一位游客的数据。在系统中，您最多只能为三位游客预订 - 身高为 32%。 PnlMai持有pnlTouristsInfo。
pnlNamepnlCharges 保存游客的姓名和费用信息。他们填满了整个空间pnlTouristInfo。
所以游客只能有一个名字 - 但他可以有很多费用 - 这就是我有的原因pnlChargesItem。
问题是 - 如果游客支付了很多额外费用，如何让pnlCharges 和pnlName 增长。所以如果他们也增长pnlTouristInfo并且pnlMain应该相对增长。此外，如果游客例如只增加一项费用，我想节省min-height32% 的费用pnlTouristInfo
很抱歉这个问题，但我讨厌 css - 我是新手
.pnlMain {
width:90%;
min-height:50%;
height:50%;
border-top:solid 3px blue;
margin:auto;
}
.pnlTouristInfo {
position:relative;
width:99%;
min-height:32%;
height:32%;
border: solid 2px RGB(204,204,204);
}
.pnlNames
{
position:relative;
width: 28.5%;
height:99%;
border-right :solid 0.8px RGB(204,204,204);
float:left;
text-align:left;
}
.pnlCharges {
position:relative;
width: 71%;
height:99%;
/*border:solid 1px RGB(204,204,204);*/
float:right;
}
.pnlChargesItem {
position:relative;
width: 100%;
height:auto;
border-bottom:0.8px solid RGB(204,204,204);
text-align:left;
float:left;
}
.pnlChargesName {
position:relative;
width: 84%;
height:100%;
border-right:0.8px solid RGB(204,204,204);
text-align:left;
float:left;
}
.pnlChargesPrice {
position:relative;
width: 15%;
height:100%;
text-align:left;
float:right;
}