Div不会根据内容大小进行调整

Question

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

这是我的code：

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

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

Answer 1

使用bootstrap 4 spacing m-0

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

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

        </div>
</div>

了解bootstrap-spacing：https://getbootstrap.com/docs/4.0/utilities/spacing/