Html 线条高度不小于'；他继承不好

我抓取了的html和css。 当我用Firefox打开HTML时，除了包含C++代码片段的div之外，一切都正常。 我将代码片段div与整个css文件（其中包含链接标记中的所有样式表）一起复制粘贴到中

我用firefox打开html（通过

链接到css文件），并通过firefox检查器检查css属性：

• crayon行

  div具有

  行高：inherit！重要信息

• 父div是

  crayon-pre

  div

• crayon-pre

  div具有

  行高：15px！重要信息

---

那么为什么线的高度是这样的呢？如何修复它？

您试图复制网页的方式不正确。 这是工作正常的代码：）

HTML:

1.
2.
3.
4.
5.
6.
7.
#包括iostream
int main（）
{
std：：cout“你好，世界！”std：：endl；
返回0；
}

希望我能帮忙

干杯

---

---

附：CSS太长了，无法包含在帖子中

您复制的不仅仅是CSS中的CSSfile@Evochrome更新！我正在分析css文件。但这似乎不是线条高度不能正确继承的原因。为什么不正确？我检查了html和css文件，它们是相同的，我不明白。另外，原始css中没有div_1 id:/因为我使用chrome

SnappySnippet

中的工具复制了代码，所以自己复制太难了，很容易出错。此外，该站点的输出似乎与浏览器相关，因为我在firefox中获得的输出与Chrome中的输出非常不同

<div id="DIV_1" class="crayon-syntax crayon-theme-familiar-learncppcom crayon-font-monaco crayon-os-pc print-yes notranslate crayon-wrapped" data-settings=" no-popup minimize scroll-mouseover wrap" style="margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important; height: auto;">

  <div class="crayon-plain-wrap" id="DIV_2"></div>
  <div class="crayon-main" style="position: relative; z-index: 1; overflow: hidden;" id="DIV_3">
    <table class="crayon-table" id="TABLE_4">
      <tbody id="TBODY_5">
        <tr class="crayon-row alt" id="TR_6">
          <td class="crayon-nums " data-settings="show" id="TD_7">
            <div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;" id="DIV_8">
              <div class="crayon-num" data-line="crayon-56a64bff76c17359078774-1" style="height: 15px;" id="DIV_9">1</div>
              <div class="crayon-num crayon-striped-num" data-line="crayon-56a64bff76c17359078774-2" style="height: 15px;" id="DIV_10">2</div>
              <div class="crayon-num" data-line="crayon-56a64bff76c17359078774-3" style="height: 15px;" id="DIV_11">3</div>
              <div class="crayon-num crayon-striped-num" data-line="crayon-56a64bff76c17359078774-4" style="height: 15px;" id="DIV_12">4</div>
              <div class="crayon-num" data-line="crayon-56a64bff76c17359078774-5" style="height: 15px;" id="DIV_13">5</div>
              <div class="crayon-num crayon-striped-num" data-line="crayon-56a64bff76c17359078774-6" style="height: 15px;" id="DIV_14">6</div>
              <div class="crayon-num" data-line="crayon-56a64bff76c17359078774-7" style="height: 15px;" id="DIV_15">7</div>
            </div>
          </td>
          <td class="crayon-code" id="TD_16">
            <div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;" id="DIV_17">
              <div class="crayon-line" id="DIV_18"><span class="crayon-p" id="SPAN_19">#include &lt;iostream&gt;</span></div>
              <div class="crayon-line crayon-striped-line" id="DIV_20">&nbsp;</div>
              <div class="crayon-line" id="DIV_21"><span class="crayon-t" id="SPAN_22">int</span><span class="crayon-h" id="SPAN_23"> </span><span class="crayon-e" id="SPAN_24">main</span><span class="crayon-sy" id="SPAN_25">(</span><span class="crayon-sy" id="SPAN_26">)</span></div>
              <div
              class="crayon-line crayon-striped-line" id="DIV_27"><span class="crayon-sy" id="SPAN_28">{</span></div>
            <div class="crayon-line" id="DIV_29"><span class="crayon-h" id="SPAN_30">   </span><span class="crayon-v" id="SPAN_31">std</span><span class="crayon-o" id="SPAN_32">::</span><span class="crayon-r" id="SPAN_33">cout</span><span class="crayon-h" id="SPAN_34"> </span><span class="crayon-o"
              id="SPAN_35">&lt;&lt;</span><span class="crayon-h" id="SPAN_36"> </span><span class="crayon-s" id="SPAN_37">"Hello world!"</span><span class="crayon-h" id="SPAN_38"> </span><span class="crayon-o" id="SPAN_39">&lt;&lt;</span><span class="crayon-h"
              id="SPAN_40"> </span><span class="crayon-v" id="SPAN_41">std</span><span class="crayon-o" id="SPAN_42">::</span><span class="crayon-v" id="SPAN_43">endl</span><span class="crayon-sy" id="SPAN_44">;</span></div>
            <div class="crayon-line crayon-striped-line"
            id="DIV_45"><span class="crayon-h" id="SPAN_46">    </span><span class="crayon-st" id="SPAN_47">return</span><span class="crayon-h" id="SPAN_48"> </span><span class="crayon-cn" id="SPAN_49">0</span><span class="crayon-sy" id="SPAN_50">;</span></div>
            <div
            class="crayon-line" id="DIV_51"><span class="crayon-sy" id="SPAN_52">}</span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>