Html Can'；似乎不能使每个div表框都有相同的高度

或多或少，通过CSS和div处理一个表，并将其大部分设置好，但由于某些原因，高度不一致，每个框都会发生变化。尝试过各种高度变化和命令，但运气不佳。不确定问题是与下面的CSS有关，还是与其他CSS编码冲突

CSS:

---

将

垂直对齐

值更改为

顶部

，并将

100%高度

添加到主内部div，它将工作：）

注意：注意，您在此处的背景值后忘记了逗号：

.collection-innerbox{
    display:inline-block;
    background: rgba(11, 14, 15, .65)
    text-align:center;
    width:200px;
    height:200px;
}

---

你已经够近了。您需要将边框放在“.collection td”上而不是“collection box”上

.collection td {
    padding: 5px;
    border-style: solid;
    border-width: 2px 2px;
    border-color: #29FDF1;
    vertical-align: top;
}

如果你需要他们之间的空间

.collection td {
   vertical-align: top; 
  }
 .collection-box { 
   height: 100% 
  }

---

不客气，不需要添加我提供的两行CSS，只需修改一下输入错误：）

.collection td {
    padding: 5px;
    border-style: solid;
    border-width: 2px 2px;
    border-color: #29FDF1;
    vertical-align: top;
}

.collection td {
   vertical-align: top; 
  }
 .collection-box { 
   height: 100% 
  }