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 - 任何限制元素被截斷的方法

回答

相關問題