文字高度字号还是行高决定测试实例页面

展示

代码

• HTML：

  <div class="test1">我的高度是？</div>
  <div class="test2">我的高度是？</div>

• CSS：

  .test1,
  .test2 {
      margin: 24px 0;
      border: 1px solid #ccc;
      background: #eee;
  }
  .test1 {
      font-size: 16px;
      line-height: 0;
  }
  .test2 { 
      font-size: 0;
      line-height: 16px;
  }