html - 使用 css 宽度/高度值作为“继承”时出现问题，同时动态更改父级的尺寸

Question

我创建了一个 HTML 页面，其中很少有元素被赋予 css 为：

.inheritDimensions{
宽度：继承；
身高：继承；
}

因此，这些元素取决于其父元素的尺寸。

最初呈现页面时一切都很好。但是（奇怪的事情来了），如果我动态更改父元素的高度/宽度，它们不会得到反映（或者更新的尺寸不会继承到 .inheritDimensions 元素）直到我点击浏览器上的某个地方！

在 Chrome、Safari、IE 中可以看到此问题。不过在FF中工作正常。

-SuryaPavan

Answer 1

尝试添加 !important

.inheritDimensions{
width: inherit !important;
height: inherit !important;
}