在某个高度后显示滚动，但高度是动态的

Question

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

例如，如果其中的内容为100px，则div的高度应为100而不滚动。但是，如果高度超过400px，它应该显示滚动。

怎么办？

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;