html - 在具有指定尺寸的 div 内部时，图像宽度和最大宽度有什么区别？

Question

我在另一个 div 元素中有图像元素：

<p align="right" class="bottom_right icon_image">
    <img src="img/icon_image.png" alt="myartwork" class="child_image">
</p>

现在，当我将子元素设置为最大宽度时，我得到了父亲的一面，但是当我将宽度设置为 100% 时，我得到了屏幕宽度。这是为什么？

.icon_image{
    height: 25vh;
    width: auto;                
}
.child_image{
    max-height: 100%; //When set tp height: 100%, behaves crazy.
}

编辑： .bottom_right 附加：

    .bottom_right{
            position: fixed;
        }
        .bottom_right{
            right: 5%;
            bottom: 5%; 
        }
        .bottom_right:hover{
            right: 9%;
            bottom: 9%;
        }

标签： htmlcss

Answer 1

这些信息不足以调试此问题。我鼓励您先将此代码放入 Codepen。您提供的直接粘贴到 Codepen 中的代码不会重现问题。