如何填充蚂蚁卡的高度和宽度的100％？

问题描述

我正在尝试填充 ANT 卡高度的 100%，但是当我为孩子使用 100% 高度时，它会崩溃。 有谁知道怎么做？ 我确定蚂蚁卡不等于 0% 因为它的父级有高度和宽度

<Card style={{ width: '100%',height: '100%',background: 'red'}} headStyle={{ backgroundColor: '#E6ECF0',}} bodyStyle={{padding: 0}} type="inner">
  <div style={{height: '100%',width: '100%'}}>
  </div>
</Card>

解决方法

为了防止崩溃，您应该将 padding 添加到您的卡片并使用 box-sizing: border-box;

<Card style={{ width: '100%',height: '100%',background: 'red',box-sizing:  'border-box'}} headStyle={{ backgroundColor: '#E6ECF0',}} bodyStyle={{padding: '5px'}} type="inner">
  <div style={{height: '100%',width: '100%'}}>
  </div>
</Card>