-webkit-fill-available在Firefox上不起作用

-webkit-fill-available是一个CSS属性，用于指定一个元素的尺寸应该填充其父元素的可用空间。然而，在Firefox浏览器上，-webkit-fill-available属性不起作用，因为它是Webkit引擎的私有属性，只在基于Webkit引擎的浏览器中有效，如Chrome和Safari。

要在Firefox上实现类似的效果，可以使用其他CSS属性和技术来达到相同的目的。以下是一些可能的解决方案：

1. 使用flexbox布局：可以将父元素设置为display: flex，并将子元素的宽度或高度设置为100%。这将使子元素填充父元素的可用空间。

.parent {
  display: flex;
}

.child {
  width: 100%;
}

1. 使用绝对定位：可以将父元素设置为position: relative，并将子元素设置为position: absolute，并将top、right、bottom和left属性设置为0。这将使子元素填充父元素的可用空间。

.parent {
  position: relative;
}

.child {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

这些解决方案可以在大多数现代浏览器上正常工作，包括Firefox。然而，具体的实现方式可能因具体情况而异，需要根据实际需求进行调整。

腾讯云提供了一系列云计算产品，包括云服务器、云数据库、云存储等，可以满足各种云计算需求。您可以访问腾讯云官方网站了解更多产品信息：https://cloud.tencent.com/