蚂蚁卡片高宽如何填充100%?

How to fill 100% of height and width of Ant Card?

我试图填充 100% 的 ANT 卡高度,但是当我将高度 100% 用于 child 它会崩溃。 有谁知道怎么做? 我确定 ant Card 不等于 0% 因为它的 parent 有高度和宽度

<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>