为什么 `container-type: size` CSS prop 将高度设置为零？

Question

如何恢复身高并保持container-type: size原位？示例： https: //jsfiddle.net/yakunins/cy3b68uk/

<div style="container-type: size;">Height of this div is zero.</div>

Answer 1

因为它设置了大小限制。大小容器不能依赖于其内容的大小，因此它的行为就好像其内容大小为 0。

您必须为尺寸容器设置明确的高度。