这个例子非常简单，我想知道为什么这两个图像表现不同。
这两幅图像的高度为30％，这意味着当窗口高度发生变化时，两幅图像必须调整大小。图像的宽度必须始终成比例，因为他没有任何表示。
区别在于imagen1位于相对位置，绝对位于第二位。
当我运行代码并修改窗口大小时，取决于大小，image1如图所示变形，而imagen2始终正确地形成matiene。 （下面图像示例的链接）
¿为什么？
我需要使用相对图像而不是绝对图像，我不能。
#image1
{
height:30%;
position:relative;
}
#image2
{
height:30%;
position:absolute;
}
<img id="image1" src="graficos/personajes/boo_grande.jpg">
<img id="image2" src="graficos/personajes/boo_grande.jpg">
