在一定高度后显示滚动-y，但高度是动态的

【问题标题】：Show scroll-y after certain height but height is dynamic在一定高度后显示滚动-y，但高度是动态的
【发布时间】：2017-12-24 01:20:50
【问题描述】：

我有一个具有以下样式的 div：height:300px;overflow-y:scroll;。我希望它在 400px 之后滚动，但应该根据其中的内容具有高度。

例如，如果里面的内容是100px，那么div的高度应该是100，没有滚动。但是，如果高度超过 400px，它应该显示滚动。

怎么办？

【问题讨论】：

标签： html css jsp

【解决方案1】：

您需要将max-height: 400px 设置为您的父级div 以及overflow

div{
  max-height: 400px;
  width: 100px;
  overflow-y: auto;
}

<div>
  <p>
    Lorem ipsum dolor sit amet, cons ectetur elit. Vestibulum nec odios Suspe ndisse cursus mal suada faci lisis. Lorem ipsum dolor sit ametion consectetur elit. Vesti bulum nec.
    Lorem ipsum dolor sit amet, cons ectetur elit. Vestibulum nec odios Suspe ndisse cursus mal suada faci lisis. Lorem ipsum dolor sit ametion consectetur elit. Vesti bulum nec.
  </p>
</div>

【讨论】：