img最大化尺寸

所以，我正在处理一些事情，并且我正在尝试创建另一个div内的图像标记。问题是，我写img最大化尺寸

.container { 
 
    padding: 0; 
 
    margin: 0; 
 
} 
 

 
.container img { 
 

 
    padding: 0px; 
 
    margin: 0px; 
 
    width: 100%; 
 
    height: 100%; 
 

 
}

<div class='container'> 
 

 
    <img src='https://www.clarkson.edu/_site_support/background_image_banks/images/tor_images/studcnt_4128800003.jpg' alt='A problem occured'> 
 

 
</div>

但仍有边缘之前一些空间。我也尝试填充0和边距为0，但仍然没有。

来源

2017-01-04 Guy Blum

是父0的利润率呢？请张贴您的代码的一个最小例子，不要链接到它。 – kabanus

身体有余量。如果你想图像的高度包含所有剩余空间，你应该使用'height：100vh;' –

@kabanus我确实设置了父级的边距。而且，对不起，我编辑了这篇文章，以便它更加简单。 –

将body margin设为0px;

body { 
    margin: 0px; 
}

来源

2017-01-04 07:52:57 Dhaarani

谢谢！那工作。 –

欢迎。 @Guy Blum – Dhaarani

使用重置文件或结构在CSS中的值设置为定义的默认，而不是让浏览器获取。我使用的重置文件之一是http://meyerweb.com/eric/tools/css/reset/。在这种情况下，主体的边距为8px，并且由于没有定义框尺寸，所以会影响宽度。试试看。

来源

2017-01-04 07:54:26

-1

设置浮动属性摆脱多余的房间：

div img { float: left }

但你必须记住，如果div的宽度/高度设定为百分比图像的大小，内元素的宽度/高度不能以百分比设置。

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

E.g.

这工作：

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的容器的信息。

来源

2017-01-04 08:01:47

试试这个代码

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

来源

2017-01-04 08:10:40

img最大化尺寸

回答

相关问题