如何使用与父项或正文相对的百分比或 em 在 img 标签中设置图像的宽度

Question

如何使用分别与

父项或正文相关的百分比或em在img标签中设置图像的宽度？

Answer 1

如果要

获取其父元素的 30%，请确保将父元素的position设置为 relative 。

Answer 2

小提琴

您可以对具有最大宽度的图像进行环绕。然后将图像的宽度设置为 100%。

<div id="wrap">
    <div id="imgWrap">
        Image here
        <img src="img.png" />
    </div>
</div>
#imgWrap {
    max-width: 300px;
}
img {
    width: 100%;
}

Answer 3

将Position:relative添加到父级

注意：在 HTML 4.01 中，宽度可以以像素或包含元素的百分比来定义。在 HTML5 中，该值必须以像素为单位。