Html 最大化img的大小

所以，我正在做一些事情，我试图在另一个div中创建一个图像标记

.集装箱{ 填充：0； 保证金：0； } .集装箱img{ 填充：0px； 边际：0px； 宽度：100%； 身高：100%； }

---

给出体裕度为0px

body {
   margin: 0px;
}

---

在css中使用重置文件或结构将值设置为已定义的默认值，而不让浏览器获得该值。我使用的一个重置文件来自这里。在这种情况下，主体的边距为8px，由于没有定义框大小，因此会影响宽度。试试看。

设置float属性以除去多余的空间：

div img { float: left }

但是关于图像的大小，您需要记住，如果div的宽度/高度设置为百分比，则内部元素的宽度/高度不能设置为百分比

如果要以百分比形式设置图像宽度/高度，则需要以像素为单位指定div的尺寸

例如

这项工作：

div {
    width: 600px;
    height: 400px;
}
div img {
    width: 100%;
    height: 100%;
}

但这不起作用：

div {
    width: 100%;
    height: 100%;
}
div img {
    width: 100%;
    height: 100%;
}

总的来说，你需要处理问题的两个部分是这样的：

div {
    width: 100%;
    height: 100%;
}
img {
    float: left; /* or right, whatever you'd rather */
    display: block;
}

不过，为了获得更好的建议，需要有关div容器的信息。

请尝试以下代码

body,html{
margin:0px;
padding:0px;
}

---

父级的边距也是0吗？请张贴一个你的代码的最小的例子，不要链接到它。正文有空白。如果您希望图像的高度包含所有剩余空间，则应使用高度：100vh@卡巴努斯：我确实设置了家长的边距。还有，很抱歉，我编辑了这篇文章，使其更加精简。@Ron.Basco不起作用。它只是变成了一个高度为100px的图像，我已经在你的codepen演示中试过了。vh=观察高度。无论视口的高度是多少，它都将获得100%的高度，并应用于具有vh属性的元素。欢迎使用@盖伊·布鲁姆