我正在尝试填充 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>
答案 0 :(得分:1)
为了防止崩溃,您应该将 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>