最大高度100和邊距底部

Question

我想創建一個固定元素，其高度可變，適合內容和最大高度。

現在我用這種技術：

#element{ 
    position:fixed; 
    top:50px; 
    bottom:50px; 
} 

這是很好的，但我想使高度小，如果含量高於這個高度更小...... 我想提出像一個最大 - 高度爲底部的高度。例如，

Answer 1

max-height: 500px;將使元素高500px（或更短，如果其內容更短）。有關最大高度的更多信息，請參閱https://developer.mozilla.org/en-US/docs/CSS/max-height。例如，您可能也想要指定溢出，例如overflow: scroll;。

聽起來好像這是你想要的東西：

#element{ 
    height: 100%; 
    max-height: 500px; 
    margin-bottom: 100px; 
} 

請注意，我已經刪除的定位規格。

如果這不適用於您，請提供有關您所需結果的更多詳細信息，以及迄今爲止獲得的所有HTML和CSS。