Html css:display:table（FF工作正常，不使用Chrome和Edge）

我在Chrome和MS Edge上遇到以下问题

我的html和CSS代码：

section.content-background{
宽度：655px；
身高：100%；
背景色：#bebebe；
浮动：左；
左边距：10px；
垫底：5px；
垫面：5px；
}
第3.1节内容——第一个理由{
宽度：645px；
身高：100%；
背景色：#ececec；
显示：表格；
}
部门个人信息图像{
宽度：170px；
身高：100%；
显示：表格；
背景色：#FFF；
浮动：左；
背景图像：url（../\u images/person info image.png）；
背景重复：无重复；
背景位置：中心；
}
分区内容输入{
宽度：400px；
高度：50px；
浮动：左；
边框底部：1px实心#424242；
}

---

Chrome不喜欢在

个人信息图像

类中100%显示高度。如果给它一个绝对高度，图像将显示

例如：

高度：204px

div.personal-info-image{
  width: 170px; 
  height:204px; 
  background-color: #FFF; 
  float: left;   
  background-image:url(http://ichef.bbci.co.uk/onesport/cps/800/cpsprodpb/4039/production/_89214461_vardy-mahrez.jpg); 
  background-repeat: no-repeat; 
  background-position: center;
}

这里有一个例子：
不是没有出现，而是您使用了错误的css。将宽度和高度固定为%。不管怎样，下面的答案解决了它。是的，它会起作用。然而，我需要100%的高度来跟踪右侧的输入数量，在这种情况下，您可能需要使用JavaScript来计算右侧的行数，以计算出高度应该是多少。要么就是这样，要么就是对标记的完全重构。