如何使 parent div 适应 child 的大小

how to make parent div adapt size of child

我试着用 div 围着 fixed-size canvas 并且 div 应该适应相同的尺码,紧身。

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

但是,我无法使高度适合。 parent 总是大一些像素。

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

我做错了什么?

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

https://jsfiddle.net/szLv6hua/

display: flex; 添加到父级。

有关 flexbox 的更多信息:https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox