我正在尝试制作一个网格，但网格总是溢出它内部的 div。太简单了，我不明白问题是什么。列 div 有背景颜色，因此您可以看到它的位置，但您也可以在元素检查器中看到它。
我尝试了多种解决方案并在网上查看，但找不到解决方案。这是我尝试过的方法以及为什么它不起作用：
height:100%在网格或列类的底部添加了两个空网格单元
overflow:auto在列类上制作了一个滚动条
在底部创建一个<br>withclear:both没有做任何事情
.column {
margin-top: 3%;
margin-left: 20%;
margin-right: 20%;
background-color: rgba(200, 0, 0, 0.1);
}
.grid {
display: grid;
grid-template-columns: repeat( auto-fit, minmax(450px, 1fr));
grid-auto-rows: (0px, 1fr);
grid-gap: 2%;
}
.plum {
/* background-color: plum; */
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
transition: 0.3s;
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.1);
}
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0, 0, …