显示：table-cell在Chrome中工作无法在Firefox中使用

Question

所以我可以告诉它似乎显示：table-cell在Firefox中不适合我。在Chrome和Safari中它运行正常。

有什么想法吗？

ETA：在“services-section”中有两列名为“services-half”。左栏应该是400px宽。在Chrome中运行良好，但在Firefox中，该列的宽度仅为100像素左右。认为它与display：table-cell在Firefox中有关。

由于人们说他们无法复制问题，我决定从ScreenFly上传屏幕截图，以显示Chrome和Firefox之间的布局有何不同。

Answer 1

评论中建议的基本问题是您不应该使用表格布局。表格布局用于布置表格数据，但这不是。

由于规范相对宽松，浏览器在布置表格时具有一定的灵活性，这可以解释您在不同浏览器上看到的差异。使用table-cell渲染后，浏览器可以根据自己的算法重新分配空间。

我强烈建议使用其他布局机制，例如flexbox，但如果您决定坚持使用表格布局，则可以使用style="min-width:400px"来修复您的具体问题。

在position: relative上使用table-cell就像你在右边一样也会引起问题，所以你也应该重新考虑这个组合。