标签中内容的高度小于零

时间:2018-12-16 18:57:47

标签: css

假设我们将<td>元素与box-sizing: border-box一起使用。据我了解,该元素的高度应等于填充大小+边框大小+内容大小。

假定最简单的示例并在Chrome中进行测试:

<table>
    <tbody>
        <tr>
            <td>

            </td>
        </tr>
    </tbody>
</table>

<style>

    table td {
        padding: 1px 0 0 0;
        box-sizing: border-box;
    }

</style>

Chrome调试工具说td元素的高度为0.8像素(填充大小= 1像素,边框大小= 0像素和内容大小= -0.2像素)。如果我将box-sizing设置为content-box,则表示td的高度= -0.2px。

enter image description here

我们如何获得内容大小= -0.2px?此计算背后的登录信息是什么?

0 个答案:

没有答案