0

所以我想知道是否有一种方法可以在不使用 JavaScript 的情况下将图像的高度设置为其父容器高度的 75%？

有任何想法吗？

4

3 回答 3

1

给容器一个绝对高度，确保height:75%可以在img：

<div>
    <img src="http://placehold.it/100x1"/> <!-- This is a 1px high image -->
</div>

div {
    height:100px; /* Absolute height on container. */
    width:100px;
    background:#f00; /* I've used this to illustrate that the image fills 75%. */
}

img {
    width:100%; /* Force the width to 100% to prevent scaling. */
    height:75%; /* Height percentage declaration. */
}

JSFiddle 演示。

于 2013-10-10T22:08:10.530 回答
0

不，因为这将涉及动态计算，这不是 HTML 的目的，而正是 javascript 的目的。

于 2013-10-10T22:05:34.643 回答
0

相对单位必须有一个要计算的点，所以在这种情况下，父元素必须有一个设定的高度

于 2013-10-10T22:09:21.533 回答