如何使父div适应孩子的大小

Question

我尝试在固定大小的画布上放置一个div，并且该div应该紧密匹配以适应相同的大小。

对于宽度，我使用width:fit-content。

但是，我无法使身高合适。父对象总是大一些像素。

JsFiddle：https://jsfiddle.net/6jabuwh2/2/

我在做什么错？

Answer 1

将display: inine-block更改为display:block;。

https://jsfiddle.net/szLv6hua/

Answer 2

将display: flex;添加到父项。