最大高度100和边距底部

Question

我想创建一个固定元素，其高度可变，适合内容和最大高度。

现在我使用这种技术：

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

这很好，但如果内容小于这个高度，我想让高度更小...... 我想做一个像边缘底部的最大高度。

Answer 1

例如，

max-height: 500px;会使元素高500像素（或者更短，如果它的内容更短）。有关max-height的更多信息，请参阅https://developer.mozilla.org/en-US/docs/CSS/max-height。您可能还需要指定溢出，例如overflow: scroll;。

听起来这就是你想要的：

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

请注意，我已删除了定位规格。

如果这不适合您，请提供您所需结果的更多详细信息，以及您目前所获得的所有HTML和CSS。