显示块模式下的按钮没有可调整的右边距

Question

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>

  <style>

    .test {
        display: block;
        }

  </style>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

</head>
<body>

  <input type="button" class="test" value="The Button">

</body>
</html>

使用浏览器开发人员工具检查按钮时，它显示的右边界从按钮的右边缘延伸到浏览器的右边缘。但是，它在检查器工具的“计算”部分的元素的图形表示中显示值“-”。

赞赏一些解释，为什么即使按钮左对齐，检查工具仍显示值为'-'的右边距（右边距应具有一些值）。同样，对右边距进行的调整不会改变按钮的位置。但是，调整顶部，左侧和底部边距确实会移动按钮。

谢谢！