html - 如何让父div适应 child 的大小

标签 html css height

<分区>

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

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

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

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

我做错了什么?

最佳答案

display: flex; 添加到父级。

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

关于html - 如何让父div适应 child 的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59429288/

相关文章:

javascript - 如何将每个标题属性放入输入标签的值中?

asp.net - 更改代码隐藏中重复器元素的样式?

HTML/CSS : Styling a checkbox inside a form

javascript - 选择 anchor 内的 div

css - 响应式设计适用于浏览器,不适用于 Landscape Ipad

css - 额外的括号导致简单的媒体查询失败

HTML/CSS : How to make the sidebar and content follow each other

html - 最小高度的 div 随内容扩展

css - 如何将 div 拉伸(stretch)到 100% 页面高度?

javascript - 如何使用 Ajax、jQuery 和 PhP 保存当前 DOM?