假设我们将<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。
我们如何获得内容大小= -0.2px?此计算背后的登录信息是什么?