Html 我的两个div之间的黑色空间。我不知道如何移除它们。我试过几件事

我想把它们都放进蓝色的沙发里，但我做的什么都不管用。我看我应该让他们左/右浮动，但它仍然有空白。将边距设置为0。还是空白。唯一删除空白空间的是0px上的线高度。但这弄乱了标签的位置。所以我有点迷路了

Html:

<div class="playerInfo">
<div class="playerChamp">
    <img src="profileIcon10.jpg" width="100" height="100" >
        <div class="playerName">
            <label for="male">Male</label>
        </div>
</div>
</div>

---

添加

页边距顶部：-4px

to

。playerName

将向上拉，两个

div之间将没有空格

添加
页边距顶部：-4px
to
。playerName
将向上拉，两个
div之间将没有空格

你没有考虑两件事。。1蓝色div上的边框使其实际可用空间
118px
。而
IMG
标签使用了2个像素，除非您将其边框设置为
none
。所以说。您需要将外部框扩展到
124px
或相反地将内部元件总共减少
4px
。。添加
页边距顶部：-4px
to
。playerName
会将其向上拉，两个div之间没有空格。页边空白顶部起作用。非常感谢：D.边界是在问题之后添加的。与此无关如果你接受的话，我会给你一个答案：-）你没有解释两件事。。1蓝色div上的边框使其实际可用空间
118px
。而
IMG
标签使用了2个像素，除非您将其边框设置为
none
。所以说。您需要将外部框扩展到
124px
或相反地将内部元件总共减少
4px
。。添加
页边距顶部：-4px
to
。playerName
会将其向上拉，两个div之间没有空格。页边空白顶部起作用。非常感谢：D.边界是在问题之后添加的。与此无关我会为您创建一个答案，如果您接受它：-）
.playerInfo {
      height:120px;
      width:130px;
      background:blue;
        border:solid 1px black;
  }

  .playerChamp {
  width:100px;
  height:100px;
  background :red;
}

  .playerName {
  width:100px;
  height:20px;
  background :red;
}