图像没有在div中占据整个空间

如果我把标签放在一个div里面，比如说354x300像素，粗略估计，并且该标签的src具有1.6k x 1.2k的像素，我该怎么办？问题是图像下面有一个空间，我没有占据整个空间，我不知道发生了什么，图像已经足够大，我认为它会重新调整自己的大小是什么尺寸的div img标签所在的位置。图像没有在div中占据整个空间

<div class="myClass"> 
    <img src="theVeryBigImage.jpg"/> 
</div>

以上是我对于那部分，这导致在这部分代码，请参见下面

enter image description here

图片正如你所看到的，图像的大小1600×1200像素，但它仍然没有按”牛逼占据了整个空间，它的叶子下面

来源

2012-10-23 lemoncodes

你能提供的活链接如果可能的话之间没有保证金？ –

也许它不会完全加载：D使用“检查元素”来查看与下面的空白对应的内容并将其删除。或者，如果图像的一部分丢失，您将能够看到隐藏它的内容 –

不让它的工作，它只是它调整自己，已经回答下面所有都是正确的，除了负面投票：D – lemoncodes

一些默认的CSS可能是设置图像高度。

尝试

.myClass { height: /* some height */; } 
.myClass img{ height:100% ; }

来源

2012-10-23 06:30:36

问题：图像是有点拉伸，我认为这是正常的考虑div的大小和实际图像的大小，但嗯，这是正常的？ – lemoncodes

趋势是修复包装div的大小并将图像大小设置为100％，以便即使使用不同的图像大小，整个页面布局仍然保持稳定。 –

一个空格（空格）尝试

.myClass img{display:block ;height:100%;width:100%;}

来源

2012-10-23 06:30:00

确保没有填充和div和img

.myClass { margin:0; padding: 0; width: auto; height: auto; } 
.myClass img { margin:0; padding: 0; }

来源

2012-10-23 06:32:07 InspiredJW

这是否会阻止图像拉伸，但我认为当前图像是正常的：D – lemoncodes

图像没有在div中占据整个空间

回答

相关问题