图像100％的父母。家长是固定的

Question

有人可以帮忙吗？我正在尝试让图片的宽度为max-height和auto。问题是这些规则被忽略了，因为它的父级是fixed

DEMO http://jsfiddle.net/gop4jhm9/5/

#myDiv {
    position: fixed;
    top: 100px;
    left: 50%;
    width: auto;
    height: auto;
    max-height: 100%;
    background: red;
    display: inline-block;
    padding: 10px;
    max-height: 30%;
}

#myDiv img {
    width: auto;
    height: 100%; // being ignored
}

有没有办法通过CSS，JS，jquery做到这一点？

Answer 1

问题是您拥有#myDiv个max-height个属性。拿走第二个，将div限制为30％，它将以固定的方式工作。

Answer 2

这是因为它打算保留图像的宽高比，因为您将边距设置为自动。如果您希望设置最大高度，请将其设置为max-height的{​​{1}}属性。

#myDiv.img