在HTML中，可以使用CSS来控制表格行的高度和填充。然而，在不同的浏览器中，特别是Chrome和Firefox中，对于表格行填充剩余高度的处理存在差异。

解决这个差异的方法之一是使用flexbox布局。下面是一个示例代码，展示了如何使用flexbox布局来填充表格行的剩余高度。

HTML代码：

  

    
Cell 1
    
Cell 2
  
  

    

      

        This is a long content that needs to fill the remaining height of the table row.
      
    
  

CSS代码：

table {
  width: 100%;
  border-collapse: collapse;
}

td {
  border: 1px solid black;
  padding: 10px;
}

.fill-height {
  display: flex;
}

.content {
  flex-grow: 1;
}

在上面的示例中，我们创建了一个带有两个单元格的表格行。第二个表格行使用.fill-height类来应用flexbox布局。.content类的flex-grow: 1属性指示内容应该填充剩余的高度。

这种方法可以确保在Chrome和Firefox中，表格行的剩余高度都能正确填充。