如何使用父组件 <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;
}