在firefox开发人员控制台中更改css属性

Question

我在Firefox中遇到一些CSS问题。

这是他的小提琴：http://jsfiddle.net/6Fq4z/2/

.item-container类的div应该垂直填充它的父级（td）。它在chome和IE中。但不是在Firefox中。

但是有一种奇怪的行为。重现的步骤：

• 在firefox中打开小提琴
• 检查元素并选择类.item-container
的div
• 将display属性更改为inline-table并按Enter键（但无法解决问题）
• 然后将此属性的另一次更改回inline-block并按Enter键。它现在显示应该......

任何人都可以解释为什么会发生这种情况，如果可能的话，我该如何解决？

Answer 1

使用Firebug会更好。安装后右键单击您想要的标签，并在css部分更改值。使用firebug，您可以在页面中运行自定义JS。

Answer 2

使用高度属性玩一下我发现问题可能是使用百分位数分配高度，并考虑到你正在使用表格，这可能是某种在Firefox中呈现的错误（我在31上测试过）和29个版本）。

我使用像素修复了一些heights属性并分叉了可能对您有帮助的小提琴

可能的解决方法 http://jsfiddle.net/6Fq4z/3/