css 居右居中对齐 及 margin:auto 的作用细节

1. 浮动：float:right
2. position定位：right:0
3. flex布局：justify-content:flex-end
4. margin：父子元素宽度固定时，margin-right:0;margin-left:auto

1. margin初始值为0；
2. 块元素左右对齐：margin:auto
3. 内联元素左右对齐：text-align
4. margin:auto作用规则

1. 一侧定值，一侧auto，则auto为剩余空间大小;
2. 两侧均为auto，则auto平分剩余空间大小;

5. margin:auto生效条件：

1. 父元素width或height具有流动性，此时margin:auto具有相对方向的自动填充特性。
2. 文档流默认为水平流向，所以auto在默认情况下，对父子元素定宽定高只能实现水平居中。
3. 可以利用position:absolute; left:0; right:0; top:0; bottom:0;此时表现为格式化宽度和格式化高度，具有上下和左右两个相对方向的流动性。