height：auto不适用于父div - 没有溢出：auto

Question

我的div projects需要有一个自动高度，因为稍后会动态添加project类。 问题是height: auto属性无效。

HTML：

<div id="content">
    <div id="projects">
        <div id="Proj1" class="project col-md-4"></div>
        <div id="Proj2" class="project col-md-4"></div>
        <div id="Proj3" class="project col-md-4"></div>
    </div>
    <div id="lanes">
        <div id="lane1" class="lane">

        </div>
    </div>
</div>

CSS：

#projects {
    background-color: pink;
    height: auto;
    padding: 10px;
}

.project {
    background-color: yellow;
    height: 100px;
    border-style: solid;
    border-width: 1px;
}

.lane {
    height: 155px;
    background-color: green;
    border-style: solid;
    border-width: 1px;
}

我无法使用overflow: auto或overflow: normal，因为我在projects div中有可拖动的div，无法将其拖出。