Html 如何使内容与容器的高度相同？

所以我只是在做实验，做了这个。问题是div中的所有元素都退出容器的高度，idk如何使其保持在容器内

.col-4{
背景颜色：黄色；
宽度：100%；
高度：200px；}
.行{
宽度：300px；
高度：自动；
}
.img{
宽度：100%；
高度：自动；
}

---

在css中添加

溢出：自动

.col-4{
  background-color:yellow;
  width: 100%;
  height: 200px;
  overflow: auto
}

这里有一些标记问题。
类有一个输入错误。类的拼写是ckass。另外，将
标记包装在这么多元素上也不是一个好主意。