Html CSS overflow-y没有滚动

我遇到了一些css的问题，因为我自己学习，我需要一些解释，如果你能帮助我

我的css代码：

html,body {
    padding: 0;
    margin: 0;
    overflow-x:hidden;
    background: #fff;
    height:100%; 
}

#top {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 20px;
    padding: 10px;
    box-shadow:  0px 1px 1px 0px #585858;
    z-index: 10;
}

.menuR {
    float: right;
    margin-right: 20px;
    color: #585858;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 12px;
}

.content {
    position:relative;
    top: 40px;
    padding: 20px;
    background: #fff;
    width: 100%;
    height: 85%;
}

.header {
    margin: auto;
    padding: 10px;
    width: 650px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    background: #585858;
    color: #FFF;
}

.tableContent {
    margin: auto;
    width: 670px;
    min-height: 80%;
    overflow-y: scroll; 
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    background: #F2F2F2;
}

当我使用class.tableContent向div添加更多内容时，div正在增长，而不是滚动。

看到了吗 这是我用来使其可滚动的CSS

.scroll{
    height:50px;
    width:100px;
    overflow-y:scroll;
    border:1px solid #000;
}

为一个div滚动。我指定了一个高度

---

当我在这篇文章中使用

minheight

时，你会看到不同之处。

也可以发布你的html。或者与我们共享一个。可能是因为你没有指定宽度/最大宽度，因此，当您添加元素而不是添加滚动条时，容器会增长。您没有为.tableContent指定高度。我确实为.tableContent指定了最小高度。您的意思是指定

max height

吗？我可以投票支持您的答案，但我没有足够的声誉。。谢谢你的帮助。