弹性框中的按钮即使设置为填充可用空间，其边距也很小

是因为弹性框布局（Flexbox）的默认行为导致的。

弹性框布局是一种用于创建灵活且自适应的网页布局的技术。在弹性框中，元素可以根据可用空间自动调整大小和位置。按钮作为弹性框中的一个元素，可以通过设置填充可用空间来占据剩余的空间，但是默认情况下，按钮的边距会很小。

这是因为弹性框布局的默认对齐方式是"stretch"，即元素会被拉伸以填充可用空间。但是，按钮的默认样式可能包含一些边距，这些边距会导致按钮在填充可用空间时仍然保留一定的边距。

要解决这个问题，可以通过修改按钮的样式来调整边距。可以使用CSS的margin属性来增加按钮的边距，或者使用padding属性来增加按钮内部内容与边框之间的空间。

另外，如果希望按钮在填充可用空间时完全占据剩余空间，可以将按钮的对齐方式设置为"flex-start"或"flex-end"，这样按钮将会靠边对齐，边距会被消除。

总结起来，弹性框中的按钮即使设置为填充可用空间，其边距很小是因为弹性框布局的默认行为导致的。可以通过修改按钮的样式来调整边距，并将按钮的对齐方式设置为"flex-start"或"flex-end"来消除边距。