火狐浏览器的overflow-y:auto块级元素不自适应

在使用 `overflow-y:auto` 时，如果你希望它的容器能够自适应高度，可以尝试以下几种方法：

1. 使用 `height:100%` 让容器高度自适应，但这会使得容器的高度受到父级元素高度的限制。

2. 设置 `position:absolute` 和 `top/bottom/left/right:0`，这会使得容器的位置和大小都完全占满父级元素，但这需要父级元素设置 `position:relative`。

3. 使用 flex 布局，将容器设置为 flex 容器，同时设置 `flex:1`，这会使得容器自适应高度，并占满剩余空间。

4. 使用 grid 布局，将容器设置为 grid 容器，同时设置 `grid-template-rows: 1fr`，这也会使得容器自适应高度，并占满剩余空间。

以上方法都可以解决容器高度不自适应的问题，根据实际情况选择合适的方法即可。

相关问题

火狐浏览器，show-overflow-tooltip失效

如果你的火狐浏览器中 `show-overflow-tooltip` 失效了，有可能是因为该属性已被废弃或者删除了。你可以尝试使用其他属性来达到相似的效果，比如 `text-overflow: ellipsis`，它能够在文本溢出时显示省略号，同时鼠标悬停时也可以显示完整的文本内容。如果你需要更多的样式控制，可以使用 JavaScript 来实现自定义的提示框或工具提示。

火狐浏览器使用::-webkit-scrollbar

作为AI语言模型，我没有使用过火狐浏览器，也不支持CSS样式。但我可以告诉你，::-webkit-scrollbar是一个CSS伪类选择器，用于自定义Webkit浏览器中滚动条的样式。它只能在使用WebKit内核的浏览器中使用，比如Google Chrome和Safari等。如果你想自定义滚动条的样式，可以参考以下CSS样式：

/* 滚动条整体样式 */
::-webkit-scrollbar {
    width: 10px;
}

/* 滚动条轨道样式 */
::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 5px;
}

/* 滚动条滑块样式 */
::-webkit-scrollbar-thumb {
    background-color: #8c8c8c;
    border-radius: 5px;
}

/* 滚动条滑块在被hover时的样式 */
::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

这些代码将会使滚动条的宽度为10px，轨道背景色为#f5f5f5，滑块背景色为#8c8c8c，滑块被hover时背景色为#555。你可以根据需要自定义这些样式。