Html 具有显示的div的强制高度：表格单元格

我有两个相邻的表格单元格div。右边的固定高度为75px（我无法更改），左边的固定高度为70px。我使用了

minheight

、

max height

、

height

和

line height

来强制左侧div的高度，但它们都没有帮助

在下图中，我拥有的在左边，我需要的在右边

我所拥有的我需要什么

是否可以使用两个具有

显示的div完成：表格单元格？

另外，我需要使用
表格单元格
进行操作，因此只有当无法完成时，请建议其他解决方案

谢谢
如果没有完整的CSS和HTML来查看，很难猜测什么是好的解决方案

根据您描述的内容在本地进行模拟；如果我浮动左表单元格div（例如
float:left；
），然后设置它的高度，只改变该单元格的高度，但这可能会对您的设置产生其他副作用，这是我在模型中无法预见的

我签入了FireFox和Chromium，浮动表单元格div使我可以在这两个版本中设置不同的高度。
如果没有完整的CSS和HTML来查看，很难猜测什么是好的解决方案

根据您描述的内容在本地进行模拟；如果我浮动左表单元格div（例如
float:left；
），然后设置它的高度，只改变该单元格的高度，但这可能会对您的设置产生其他副作用，这是我在模型中无法预见的

我签入了FireFox和Chromium，浮动表单元格div使我能够在这两个版本中设置不同的高度。
这至少在FireFox中有效：我建议您在生产环境中使用它之前进行浏览器测试，因为我假设表单元格不是浮动的


.table{
背景色：#eee；
边框：1px纯黑；
显示：表格；
宽度：300px；
}
.细胞{
显示：表格单元格；
浮动：左；
垂直对齐：顶部；
宽度：150px；
}
a细胞{
背景色：#a88；
高度：50px；
}
.细胞b{
背景色：#8a8；
高度：75px；
}
这至少在Firefox中起作用：我建议您在生产环境中使用它之前先进行浏览器测试，因为我假设表单元格不是浮动的


.table{
背景色：#eee；
边框：1px纯黑；
显示：表格；
宽度：300px；
}
.细胞{
显示：表格单元格；
浮动：左；
垂直对齐：顶部；
宽度：150px；
}
a细胞{
背景色：#a88；
高度：50px；
}
.细胞b{
背景色：#8a8；
高度：75px；
}
这是不可能的，至少是直接的

如中所述，表格单元格包括：

如果没有中间的兄弟姐妹，则两个兄弟姐妹框是连续的
除了（可选）只包含白色的匿名内联
空间。如果列表中的每个框都是连续的，则同级框的序列是连续的
序列与序列中其前面的序列是连续的

因此，它们将生成公共表行和表：

生成丢失的父项：

对于连续的内部表格和“表格标题”同级序列中的每个“表格单元格”框C，如果C的父项不是“表格行”
然后围绕C和all生成一个匿名“表行”框
C的连续同级是“表单元格”框
对于连续正确表子级序列中的每个正确表子级C，如果C的父级不正确，则生成一个匿名“表”
或C周围的“内联表”框T和C的所有连续同级
那是正统的餐桌上的孩子。（如果C的父项是“内联”框，
那么T必须是“内联表”框；否则它必须是“表”
盒子。）
然后根据

内部表格元素生成包含内容和内容的矩形框
边界。[……]

这些框的视觉布局由矩形框控制，
由行和列组成的不规则网格。每个盒子占一个整数
网格单元的设计

你可以假设这个数字是1。可能更多，但是

CSS 2.1没有定义跨行数或跨列数的定义
坚定的

然后，两个单元格将具有相同的高度

如果您不想这样做，您可以去掉
display:table cell
，改用其他方法

例如，可以考虑使用<代码>显示：内联表< /代码>。如果您的元素中没有其他表格元素，它们将生成匿名表格单元，用于包装内容

#foo，#bar{
显示：内联表；
边框：3倍纯红；
宽度：70px；
}
#foo{高度：30px；}
#条{高度：75px；}
Foo
条形码是不可能的，至少是直接的

如中所述，表格单元格包括：

如果没有中间的兄弟姐妹，则两个兄弟姐妹框是连续的
除了（可选）只包含白色的匿名内联
空间。如果列表中的每个框都是连续的，则同级框的序列是连续的
序列与序列中其前面的序列是连续的

因此，它们将生成公共表行和表：

生成丢失的父项：

对于连续的内部表格和“表格标题”同级序列中的每个“表格单元格”框C，如果C的父项不是“表格行”
然后围绕C和all生成一个匿名“表行”框
C的连续同级是“表单元格”框
对于连续正确表子级序列中的每个正确表子级C，如果C的父级不正确，则生成一个匿名“表”
或C周围的“内联表”框T和C的所有连续同级
那是正统的餐桌上的孩子。（如果C的父项是“内联”框，
那么T必须是“内联表”bo