Div 不适应内容大小答案

【问题标题】：Div does not adjust to content sizeDiv 不适应内容大小
【发布时间】：2018-05-25 01:26:19
【问题描述】：

我有一个 div，当我使用 Chrome DevTools 时，div（以蓝色突出显示）小于其内容。黑线显示了 div 的实际高度，而红线显示了 div 的高度。

这是我的code：

<div class="col-md-12">
    <div id="survey" class="survey"></div>
</div>

我认为这是由我的卡片的 flex 属性引起的，但我不确定。

【问题讨论】：

col-md-12 有边距。如果您想要一个没有边距的 div，请使用一行。如果这就是你所期待的？
感谢您的回复。对不起，我可能解释得很糟糕。问题是：我的 div 识别高度为 150 像素（蓝色突出显示），但实际上它的内容更长（大约 600 像素），但这不是识别。
请创建一个minimal reproducible example 来证明您的问题 - 使用您提供的代码无法说出来，任何答案都只是猜测
从外观上看，您可能在调查 div 上设置了高度
没关系。为了将来参考，指向小提琴的链接必须附有足够的代码来重现问题本身的问题

【解决方案1】：

使用 bootstrap 4 间距 m-0

<div class="col-md-12 m-0">

        <div id="survey" class="survey">

        </div>
</div>

【讨论】：