flex布局中經(jīng)常有其他元素靠左排列,最后一個元素靠右排列的設計。簡單的在最后一個元素中添加
margin-left:auto的樣式,就可以實現(xiàn)
MDN中給出了說明

剩余空間會自動分配給該元素。
margin的其他注意事項:
- margin的百分比依據(jù)的是父元素的寬度
- 邊距折疊
- 水平垂直居中中的使用(position)
.box {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}