Css 浮动和水平边距

我有以下CSS：

label{
    float:left;
    margin-left:24px;
}

button{
    margin-left:24px;
}

对于此HTML：

<label>
    <input>
</label>
<button>

我希望这个按钮是在离标签24像素的地方找到的，但是直到我把按钮也移到左边，这才发生。我可以参考CSS规范的哪一部分来理解为什么会发生这种情况

（请原谅我的英语。）

由W3C财团制作的A可能会帮助您

以及该领域涉及的所有理论的规范：

请阅读：

这里有一些精确的规则 浮动的行为：

左浮动框的左外边缘可能不在 它的左边缘的左侧 包含块。类似的规则 保留右浮动元素

如果当前框处于浮动状态，并且存在任何 由生成的左浮动框 源代码中较早的元素 文档，然后针对每个此类较早的 长方体的左外边缘 当前框必须位于的右侧 较早版本的右外边缘 框，或其顶部必须低于 在前面的框的底部。相似的 规则适用于右浮动框

左浮动框的右外边缘可能不在右侧 任意形状的左外边缘的右侧 它旁边的右浮动框。 类似的规则适用于 右浮动元素

浮动箱的外部顶部不得高于其顶部 包含块。当浮子 在两个折叠页边距之间发生， 浮子的位置就好像它有 否则为空的匿名块 参与流程的家长。这个 定义了这样一个父对象的位置 根据保证金部分的规定 崩溃

浮动箱的外顶部不得高于外顶部 生成的任何块或浮动框的 由源中较早的元素创建 文件

元素浮动框的外部顶部不得高于 包含行的任何行框的顶部 由中较早的元素生成的框 源文档

左侧有另一个左浮动框的左浮动框 可能没有它的右外边缘 其包含块的右侧 右边缘。（不严格地说：左浮动可能会 不在右边突出， 除非它已经离地球那么远了 一个类似的规则 保留右浮动元素

浮箱必须放置在尽可能高的位置

左浮动框必须尽可能靠左放置，如 右浮动框尽可能靠右 尽可能高。需要更高的职位 优先于更进一步的 左边/右边

这是因为内联元素不能有

margin

属性

是一个内联元素，通过浮动它，您可以使它像一个

内联块一样工作，允许您向其添加
边距

真奇怪。
尝试使用
display:inline块而不是
浮动：左，看看会发生什么。
对不起，我之前的答案希望被删除

利润率很微妙。在这种情况下，边距不计入浮动：它们是从浮动不存在时元素开始的位置计算的。可能您可以将边距应用于浮点，或者如果您知道浮点的宽度，则将边距加上要分隔它们的值。
什么是“计数依据”？我接下来说的是，它们是从浮点不存在时元素开始的位置计算的。因此，按钮的边距开始于浮动的相同位置，并且由于浮动大于它，因此浮动后没有任何边距保留。浮动的效果是将按钮向右推，但将按钮的边距保持在浮动不存在时的位置。似乎不存在。