CSS将垂直滚动条显示为div

Question

我想在表格内（在div内）显示滚动条：

    <div style="width:789px; height:150px; overflow:auto;">

...

    </div>

问题是div的默认高度已经是150px。我希望它从头开始没有定义高度，当div达到150px时，会出现滚动条。我怎样才能做到这一点？

Answer 1

您可以使用max-height代替高度来实现。一旦它到达max-height，它就会触发滚动条。

CSS：

<div style="width:789px; max-height:150px; overflow:auto;">

...

</div>

Answer 2

检查此fiddle它应该向您展示如何存档

.box{
    width: 100px;
    height: 50px;
    overflow: auto;
    border: 3px solid green;
}
.content{
    width: 1000px;
    height: 30px;
    background: red;
}

Answer 3

使用css属性max-height

div {
    overflow: auto;
    max-height: 150px;
}

这是JSFIDDLE Example。