CSS。位置和溢出

我已经创建了一个简单的演示我的问题

。设置溢出{
宽度：300px；
高度：300px；
位置：相对位置；
溢出：自动；
}
.设置相对{
溢出：隐藏；
宽度：100%；
身高：100%；
背景：蓝色；
}
.元素{
位置：绝对位置；
右：0；
底部：-20px；
背景：黄色；
}
.set溢出：hover.element{
底部：0；
}

内容

使子元素在非悬停状态下为

高度：0

：

。设置溢出{
宽度：300px；
高度：300px；
位置：相对位置；
溢出：自动；
}
.设置相对{
溢出：隐藏；
宽度：100%；
身高：100%；
背景：蓝色；
}
.元素{
位置：绝对位置；
右：0；
底部：0；
身高：0；
溢出：隐藏；
背景：黄色；
}
.set溢出：hover.element{
高度：自动；
}

内容

使子元素在非悬停状态下为

高度：0

：

。设置溢出{
宽度：300px；
高度：300px；
位置：相对位置；
溢出：自动；
}
.设置相对{
溢出：隐藏；
宽度：100%；
身高：100%；
背景：蓝色；
}
.元素{
位置：绝对位置；
右：0；
底部：0；
身高：0；
溢出：隐藏；
背景：黄色；
}
.set溢出：hover.element{
高度：自动；
}

内容

编辑的答案：了解到您希望在元素上使用转换（我猜您希望使其向上滑动），我已更新了答案<代码>高度对您没有帮助，因为您不能在

高度

上使用

转换

，但您可以使用

最大高度

，如前所述

。设置溢出{
宽度：300px；
高度：300px；
位置：相对位置；
溢出：自动；
}
.设置相对{
溢出：隐藏；
宽度：100%；
身高：100%；
背景：蓝色；
}
.元素{
位置：绝对位置；
右：0；
底部：0；
最大高度：0；
溢出：隐藏；
背景：黄色；
过渡：最大高度1s；
}
.set溢出：hover.element{
最大高度：100px；
}

内容

编辑的答案：了解到您希望在元素上使用转换（我猜您希望使其向上滑动），我已更新了答案<代码>高度对您没有帮助，因为您不能在

高度

上使用

转换

，但您可以使用

最大高度

，如前所述

。设置溢出{
宽度：300px；
高度：300px；
位置：相对位置；
溢出：自动；
}
.设置相对{
溢出：隐藏；
宽度：100%；
身高：100%；
背景：蓝色；
}
.元素{
位置：绝对位置；
右：0；
底部：0；
最大高度：0；
溢出：隐藏；
背景：黄色；
过渡：最大高度1s；
}
.set溢出：hover.element{
最大高度：100px；
}

内容

或显示，这也是我的第一个想法。但也许他们想添加一个过渡，让它在以后“搬进来”或类似的东西。或显示，这也是我的第一个想法。但可能他们想添加一个转换，以便稍后“移入”或诸如此类。对不起，我没有提到我想要使用转换，所以这个解决方案不是我需要的。对不起，我没有提到我想要使用转换，所以这个解决方案不是我需要的。我不明白您想要在这个元素上使用转换。更新了我的答案，也许有帮助…？我不知道你想在这个元素上使用转换。更新了我的答案，也许有帮助。。。？