为什么可以这样让 flex子元素 靠右？

Question

flex布局单个元素靠右对齐 

在需要靠右的元素使用样式：

margin-left: auto;

为什么会这样？

Answer 1

https://developer.mozilla.org...

Answer 2

前面 @zangeci 已经发了 MDN 链接，简单的说：“规范就是那样定义的，浏览器按规范去实现”

见一：4.2. Flex Item Margins and Paddings 中的后半部分

Auto margins expand to absorb extra space in the corresponding dimension. They can be used for alignment, or to push adjacent flex items apart. See Aligning with auto margins.

具体的则是在 8.1. Aligning with auto margins 部分。

Answer 3

其实就是flex改变了子元素的display，如果子元素本身就是block，那auto属性就会生效