插入dom元素后未应用CSS

我有一个具有特定宽度和高度的div容器。我使用javascript在这个div中插入一个图像。链接到image类的CSS是

max-height: 100%;
max-width:100%;

因此，我的图像可以在容器中占据尽可能多的空间，并保持其比例。问题：插入时，图像占用所有空间（宽度和高度均为100%），且其比率不保留

非常奇怪的是，当我打开控制台检查图像时，如果我取消选中css属性max height:100%，然后再次选中，我的图像会调整大小并保持其比例。当我按下按钮在另一个地方更改DOM上的值时，也会发生调整大小的情况

---

我能做些什么来强制这个CSS“刷新”，也许使用javascript

为了回答这个问题，我找到了问题和解决方法： 我的容器有一个flex:1属性，因此没有任何硬编码的宽度和高度。 我要做的是在插入容器后获得容器的高度和宽度，然后将这些值应用于css的宽度和高度。奇怪的是，我必须在setTimeout函数（1ms）中这样做才能获得正确的宽度和高度

---

正如我所说，它并不完美，但我的图像现在保持其比例。

可能重复欢迎使用堆栈溢出！希望您至少尝试自己编写此代码。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果您仍然有问题，请返回您的代码并解释您尝试了什么。添加图像后应用css。