css关于控制div靠左或靠右的排版布局

关于控制div靠左或靠右的排版布局,我整理三种平时用到的css属性小知识（元素模块靠左或靠右排版）：

1、float属性（float 属性定义元素在哪个方向浮动）

　　值：left（元素向左浮动）、right（元素向右浮动）

2、position属性（position属性规定元素的定位类型）

　　值：absolute（生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left","right"属性进行规定。例：left:0，right:0）;

　　　　fixed（生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "right"属性进行规定。例：left:0，right:0）;

3、align-self属性（align-self 属性定义flex子项单独在侧轴（纵轴）方向上的对齐方式。归属：flex布局，父级需添加display: flex;属性）

　　值：flex-start（元素位于容器的开头。）；

　　　　flex-end（元素位于容器的结尾。）；