html - 親の寸法を動的に変更しながら、CSS の幅/高さの値を「継承」として使用する際の問題

Question

いくつかの要素に css が指定された HTML ページを作成しました。

.inheritDimensions{
幅: 継承;
高さ: 継承;
}

したがって、これらの要素は、その親要素の次元に依存します。

ページが最初にレンダリングされるときは、すべて問題ありません。しかし（ここで奇妙なことが起こります）、親要素の高さ/幅を動的に変更すると、それらが反映されません（または、更新された寸法が .inheritDimensions 要素に継承されません）ブラウザのどこかをクリックするまで！

この問題は、Chrome、Safari、IE で見られます。FFでも問題なく動いています。

-スーリヤパヴァン

Answer 1

!important を追加してみてください

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