html - 如何自动适应图像高度和在div中。

<分区>

想改进这个问题吗？ 通过 editing this post 添加细节并澄清问题.

关闭 6 年前。

在我的例子中，我有一张尺寸为 1587*666 的图像。我想把这张图片放在一个高度为 600 像素、宽度为 300 像素的 div 中。但我没有成功做到这一点。任何人都可以帮我举个例子。

这是一个代码。

<div id="myDiv" style="width:300px; height:600px;">
<img src="top_add.png"/>
</div>

最佳答案

将image标签的宽度和高度指定为"100%" OR "inherit"

继承属性设置父标签的高度和宽度。

 #myDiv img {
        width:100%;
        height:100%;
    }

或

 #myDiv img {
        width:inherit;
        height:inherit;
    }

关于html - 如何自动适应图像高度和在div中。，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38848299/

相关文章：

java - 使用 jsoup 将相对链接转换为绝对链接