Html 如何使相邻div与行中最高div的高度相匹配？

正如您所看到的，product description列的值是两行，因此该行取其高度。问题是相邻的div没有占据相同的高度，因此边框不完整，如下图所示。这都是divs。到表，td或tr

.row:之前，
.罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
.罗：之后{
明确：两者皆有；
}
.行{
缩放：1；
}
.行.表{
边界权：无；
}
分区表{
边框：1件纯黑；
边界底部：0；
}
div.table>[class*='col-']，
科塞尔先生{
边界：0；
右边框：1pt纯黑；
左：5吨；
垫面：1吨；
线路高度：9pt；
}
[类别*=“列-”]{
浮动：左；
身高：11磅；
垂直对齐：顶部；
右侧填充：5px；
身高：100%；
}
[class*='col-']：类型的最后一个，
.最后{
右边填充：0；
}
.col-10-2{
宽度：20%；
浮动：左；
右：1%；
}
上校10{
宽度：10%；
浮动：左；
右：1%；
}
.col-2{
宽度：50%；
浮动：左；
右：1%；
}

数量
SKU
产品说明
单价
外部价格
1.
020145
Poké；mon Folio钱包iPhone 6手机壳-JLRQ-PK-PB Poké；磁对开钱包
$ 99.99
$ 99.99

这里的问题是在display:table元素中使用浮动。下面是一些正确的代码，向您展示如何使用css显示表格、表格行和表格单元格创建表格。不需要浮动。这是密码笔：

.table{
显示：表格；
边界塌陷：塌陷；
}
.行{
显示：表格行；
}
.行标题{
字体大小：粗体；
}
科塞尔先生{
显示：表格单元格；
边框：1px纯黑；
左侧填充：5px；
}
.col-10-2{
宽度：20%；
}
上校10{
宽度：10%；
右：1%；
}
.col-2{
宽度：50%；
右：1%；
}

数量
SKU
产品说明
单价
外部价格
1.
020145
Poké；mon Folio钱包iPhone 6手机壳-JLRQ-PK-PB Poké；磁对开钱包
$ 99.99
$ 99.99

请不要编码图像。现在用代码更新你能创建td并使用rowspan吗？我不能使用tds。我被严格要求避免使用实际的表格