CSS - 限制元素被截止的任何方式

Question

我有一个错误框，弹出表单中的验证错误。盒子内的错误数量不同，因此盒子的高度不是静态的。因为盒子绝对与屏幕底部对齐，如果误差超过一定量（虽然好一点），盒子会在屏幕底部被切断。 css是否有任何类型的属性导致容器的高度垂直向上而不是向下调整或可能限制盒子永远不会出现在屏幕之外？

Answer 1

你可以设置max-height并设置编辑：overflow： auto ，因为@ckuetbach回答了。

Answer 2

没有javascript就没有简单的方法可以做到这一点，但另一种选择是使用CSS overflow属性和滚动条。

这是一篇很好的文章：

  

http://css-tricks.com/the-css-overflow-property/

如果你对javascript感兴趣，我会看一下jQuery的高度（）：

  

http://api.jquery.com/height/