使用CSS達到瀏覽器底部的動態高度

我有一個包含表格的彈出窗口，下面有一個保存按鈕。有時候它有一些表中的數據記錄，或者它有很多記錄，其他時間。使用CSS達到瀏覽器底部的動態高度

我想通過設置max-height來動態設置此彈出窗口的高度。一個問題是，我有時候並沒有盡最大努力使用瀏覽器，或者使用不同的瀏覽器，或者使用不同的顯示器分辨率。所以有時在表格中有許多記錄時，彈出窗口將很好地顯示在監視器中，或者有時在另一個監視器中，底部的保存按鈕不會由於長表而顯示。

而不是設置max-height，我想知道是否有一些方法來動態設置高度，最大高度將達到瀏覽器的底部，以便在長記錄的情況下顯示保存按鈕。

以下是我的CSS代碼。

max-height: 900px; 
overflow-y:auto

2016-07-28 abcid d

您可以使用max-height: 100%;只要其容器具有的body 100％的高度：

如果你想要的按鈕在底部，以顯示你可以使用calc()例如：max-height: calc(100% - 60px);用60px代表按鈕的高度。

2016-07-28 17:57:54

非常感謝Derek！但我忘了提及保存按鈕必須顯示在有長記錄的情況下。在這種情況下，'max-height：100％'不起作用。 –

您是否使用'max-height：calc（）'看到答案的第二部分？ –

是的，我看到它，它的作品非常漂亮。非常感謝！但是，不知何故，我測試'calc（％ - px）'在我的情況下不起作用。如果我改變'calc（px-px）'，它就會起作用。我想知道爲什麼？ –

回答