Jquery 如何在主div中为多个div应用滚动条

我想在不滚动标题的情况下为子div应用滚动条

我试过了

overflow-y:auto and overflow-y:scroll

但他们都没有工作

我的主div高度是500px，我给我的子div的高度是200px，如果我的子div高度超过200px，我需要应用滚动，并修复标题，而这些标题不适用于我下面的css

<div style="padding:20px; max-height:500px;overflow-y:auto" id="divMain">
<div style="padding:20px; max-height:200px;overflow-y:auto" id="childdiv1">
</div>
<div style="padding:20px; max-height:200px;overflow-y:auto" id="childdiv2">
</div>
<div style="padding:20px; max-height:200px;overflow-y:auto" id="childdiv3">
</div>
<div style="padding:20px; max-height:200px;overflow-y:auto" id="childdiv4">
</div>
</div>

内容1
内容2
.集装箱{
高度：300px；
宽度：35%；
溢出x：隐藏；
溢出y：滚动；
位置：相对位置；
填充底部：30px；
}
.col1{
高度：500px；
宽度：300px；
位置：相对位置；
浮动：左；
}
.col2{
高度：500px；
宽度：300px；
位置：相对位置；
浮动：对；
}

看看这个：我已经试过了，但我的主div的最大高度是500 px，所以即使我使用div的最大高度为300或200 px，它也不起作用。我真的不明白你想做什么？你能解释一下你想要达到的目标吗？（编辑您的问题）只有当元素中有足够的内容溢出其容器时，溢出才会起作用。我已经和你的HTML加上一些示例文本，它似乎是你所描述的。每个子div独立于父div滚动。