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

Question

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

对于宽度，我使用@SpringBootApplication(exclude = ElasticsearchDataAutoConfiguration.class) 。

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

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

我在做什么错了？

Answer 1

将display: flex;添加到父项。

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

Answer 2

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

https://jsfiddle.net/szLv6hua/