我有一个包含一些自定义组件的 div，我试图在该容器周围放置一个边框，但容器 div 的高度不受其内容的影响。
这是div的模型
<div style="border: 1px solid black">
<myCustomComponent1></myCustomComponent1>
<myCustomComponent2></myCustomComponent2>
<myCustomComponent3></myCustomComponent3>
</div>
myCustomComponent1、2 和 3 指向不同的 html 文件，这些文件包含不同的内容，在本示例中，这些文件将使每个高度为 200px，宽度为 400px。
所以我希望包含这些的 div 具有 400 像素宽和 600 像素高的边框。但边框仅显示为元素顶部的一个窄框。
最佳答案
我的第一个猜测是包含的组件是 float 的，因此脱离了文档流。为了让容器调整大小以适应 float 的 child ，通过将 overflow: hidden 添加到容器的样式，使容器成为 block 格式化上下文。
另一种选择是将包含的元素上的 display 设置为 display: block 或 display: inline-block 取决于它们应该如何行为。由于自定义标签名称，这是必需的。
如果事实证明这不是问题，我会更新这个答案，但到目前为止还很难说，因为没有提供足够的信息
关于html - 为什么我的 div 无法识别其内部自定义组件的高度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45382357/