如何使用父组件 <Card> 的高度？蚂蚁设计

Question

<Card style={{height: "500px"}} > 
  <div style={{height:"100%"}} >
    Lorem ipsum
  </div>
</Card>

由于某种原因，div 没有检测到卡片高度。

那么如何参考卡片高度？我需要根据父母的身高来设置孩子的身高。如果我不这样做，它只会关闭 Card 组件。

Answer 1

你所做的一切都是正确的，但你没有为父母和孩子指定宽度。所以它看起来不像预期的那样，但目前孩子正在占据父母的全部高度，为父母和孩子提供宽度

.parent {
    height: 100px;
    width: 100px;
    background-color: red;
}
.child {
    height: 100px;
    width: 50px;
    background-color: aqua;
}