如何在firefox检查器中跟踪此计算的CSS值？

Question

我是使用Firefox开发人员工具的新手。

我试图理解为什么到目前为止我无法覆盖给定元素的高度。此页面使用Bootstrap，但我的问题与此特定问题无关：我想了解如何根据＆＃34;规则＆＃34;中的信息。和＆＃34;计算＆＃34;窗格，我本可以诊断出问题所在。

我正在尝试将此元素的高度设置为20px，但它保持在90px（如下面的第二个屏幕截图所示）计算出的高度为90px。

SCREENSHOT＃1：

SCREENSHOT＃2：

问题：我如何使用Firefox的Inspector来弄清楚这里发生了什么？如何使用它来弄清楚90px的这个值是如何导出的？

元素内的代码：

<span class="lang_pt" style="display: none;">O que fazemos</span>
<span class="lang_en" style="display: inline;">What we do</span>

PS：我不会写CSS如此依赖！重要的是，我想弄清楚这里发生了什么。

Answer 1

内联元素的高度严格按其内容设置。将display: inline-block;添加到锚点，以便它尊重您的height: 20px;