使用css width / height值作为“inherit”时发出问题，同时动态更改父级的维度

Question

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

.inheritDimensions {
width：inherit;
身高：继承;
}

因此，这些元素取决于其父元素的维度。

最初渲染页面时一切都很好。但是（这是奇怪的事情），如果我动态地改变父元素的高度/宽度，它们不会被反映（或更新的维度不会继承到.inheritDimensions元素）直到我点击浏览器的某个地方！ / p>

Chrome，Safari，IE中出现此问题。虽然在FF工作正常。

-SuryaPavan

Answer 1

尝试添加！important

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