![[吃瓜群众]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_10.42a731c.png)
code.juejin.cn![[玫瑰]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_103.6c2eed8.png)
获得徽章 18
- 场景：想要表格单元格按照内容进行撑开，每个单元格的高度和最高单元格一致。
坑点：火狐浏览器和其他浏览器表现不一致，需要单独写逻辑，给 td 和 tr 元素 100%高度，才能得到正确效果。
原因：猜测是对 td 元素呢 height:100% 这个属性计算逻辑，火狐浏览器和其他浏览器有差异导致。
code.juejin.cn 展开1点赞 - 表格的 td 元素内的 div 元素设置 height:100%时，同一套代码在谷歌浏览器和火狐浏览器下表现不一致：
谷歌浏览器：按照内容撑开，忽略 td 设置的高度
火狐浏览器：按照 td 设置的高度，content 超出内容隐藏
那么如何设置可以让 firefox 中的表现和 chrome 上的一致？![[玫瑰]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_103.6c2eed8.png)
展开赞过
评论1
