所以我试图为新城市编写我的网站，这是我第一次使用Flexbox。但是在我的第一个Flexbox中，这个盒子的内部没有填充，直到我添加它。其余的盒子似乎开始时就像它们有顶部填充一样。

.flexContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: 60px;
  width: 1100px;
  padding: 0px;
}

.leftContainer {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 247px;
  padding: 0px;
}

.about {
  width: 247px;
  border: 10px solid transparent;
  border-image: url(brd2.png) 30 round;
  height: 300px;
  background-image: url("https://foollovers.com/mat/heart02/n01-bg-heart.gif");
}

.about p {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
}

.abImg img {
  width: 150px;
  height: auto;
  margin-left: 50px;
  margin-top: 20px;
}

.def {
  width: 247px;
  border: 10px solid transparent;
  border-image: url(brd2.png) 30 round;
  height: 300px;
  background-image: url("https://foollovers.com/mat/heart02/n01-bg-heart.gif");
}

.vwx {
  width: 247px;
  border: 10px solid transparent;
  border-image: url(brd2.png) 30 round;
  height: 180px;
  background-image: url("https://foollovers.com/mat/heart02/n01-bg-heart.gif");
  padding: 0px;
}

.vwImg {
  width: 247px;
  height: 180px;
  padding: 0px;
}

个字符
它看起来是这样的：
example
我试过把padding：0px和margin 0px设置为空，但没有任何变化。有什么帮助吗？