CSS - 任何限制元素被截断的方法

我有一个弹出窗体验证错误的错误框。盒子内的错误数量会有所不同，因此盒子的高度不是静态的。由于盒子与屏幕底部完全对齐，如果错误超过一定数量（这虽然很好），但盒子在屏幕底部被切断。 css是否有任何一种属性会导致容器的高度垂直向上调整，而不是向下调整，或者可能会限制该框永远不会移出屏幕？CSS - 任何限制元素被截断的方法

来源

2011-06-15 Magic Lasso

position：abs olute;底部：0;应该让它粘在屏幕的底部并向上生长。看起来你是在暗示某一点之后，它变得太大而开始成长？如果是这样的话，你确定你没有把它对准顶端？我制作了一个非常大的盒子，它的底部绝对对齐，即使它对于屏幕来说太高，它仍然保持向上生长，但仍保持底部对齐，并且从未在屏幕底部切断。一些示例html/css可能会有所帮助，除非其他人已经回答了您的问题。 – two13 2011-06-15 20:00:13

您可以设置最大高度并设置编辑：溢出：汽车为@ckuetbach回答。

来源

2011-06-15 19:49:23 Babiker

+1和'overflow：auto'会更好，我想。 – 2011-06-15 19:51:29

没有真正简单的方法做到没有JavaScript，但另一种选择是使用CSS溢出属性和滚动条。

下面是关于一个很好的文章：

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

如果你有兴趣的JavaScript，我会看看jQuery的高度（）：

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

来源

2011-06-15 19:52:34 Swift

CSS - 任何限制元素被截断的方法

回答

相关问题