css - 最大高度 100 和边距底部

Question

我想创建一个具有可变高度的固定元素，该元素适合内容并具有最大高度。

现在我使用这种技术：

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

很好，但是如果内容小于这个高度，我想让高度更小......我想做一个像 max-height 和 margin-bottom 一样的东西。

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。