css控制末尾元素,css控制元素布局

控制靠左或靠右：

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

值：left(元素向左浮动)、right(元素向右浮动)

例：

.right{

float:right;

}

2、position属性(position属性规定元素的定位类型)

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

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

例：

.right{

position:absolute;

right:0;

}

绝对布局，相对页面靠右相距0px

控制两个元素之间的间距：

使用margin属性，{margin:top right bottom left }，如：{margin:10px 20px 30px 40px}表示该元素与上面的元素相距10px，与右边的元素相距20px，与下面的元素相距30px，与左边的元素相距40px;

例：

.a{

margin:0px 5px 0px 5px;

}

对一行的元素设置这个class表示元素之间间隔10px,也可以对每一个位置单独设置：

margain-top:0px;

margain-right:5px;

。。。