Css 在div内安装图像

我在主div中有一个三个div块，即head、content和footer。
我面临的几个问题是：
（1） 图像不适合div内部
意味着我正在尝试查找此情况的代码：

<div style="height:10%">
  <img src="abc.jpg" height="100%">
</div>

CSS:

.bodyhead
{
    height:10%;
}
.bodyhead img
{
  width: 10%;
}
.mainbodyup
{
    height:20%;
    width:33%; 
    float:left;
}
.mainbodyup img
{
  width: 20%;
}
.mainbodymid
{
    width:33%; float:left; padding:0px;
}
.mainbodybot
{
    height:20%;
    width:33%; 
    float:left;
}
.mainbodybot img
{
  width: 20%;
}
.a:before
{
    display: table;
    content: " ";
}
.a:after
{
    clear:both;
    display: table;
    content: " ";
}

---

如果要在div中拟合整个图像。试用

style="background:url('image-url') no-repeat; background-size: 100%;"

对于包含图像的

div

。而是使用图像对象

style="background:url('image-url') no-repeat; background-size: contain;"

---

使用此代码。

将一个css添加到现有的样式表中

html, body{
     height: 100%;
}

---

不，这对我没有用，因为我在点击事件中使用了这些图片，我不需要背景图片。你建议的东西我已经在我的主分区中使用了背景图片。在哪个地方？你的回答是针对我的第一个问题还是第二个问题？不。这不是我试图找到的。我解释说，我有一个div，它的类别是

bodyhead

它的高度是

10%

，但是这个div内的图像高度超过

10%

意味着它不适合div。使用style=“background:url（'image-url'）不重复；背景尺寸：cover；”

html, body{
     height: 100%;
}