css的浮动
float
属性值：
none
left
right
多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动
特性
脱离标准流
一行内显示并且沿元素顶部对齐，相邻的元素之间没有空白间隙，如果超过父级宽度会自动换行显示
有行内块元素的特性
浮动的盒子并不会压住标准流盒子里面的文字
注意
先用标准流将父元素上下排列，内部子元素用浮动左右排列
当一个元素浮动了，其他兄弟元素也要跟着浮动
只会影响后面的标准流，不会影响前面的标准流
清除浮动
原因：父盒子在一些情况下不方便给高度，但是子盒子浮动又不占位置，所以父盒子的高度就会变成0，会影响后面的标准流盒子
1、额外标签法
加一个新的块级元素空标签，给这个空标签设置{clear：both}
2、给父级添加overflow:hidden
3、父级添加after伪元素
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
照顾IE6、7的兼容性
*zoom: 1;
}
4、给父级添加双伪元素
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear:both;
}
.clearfix {
/* 照顾IE6、7的兼容性 */
*zoom: 1;
}
CSS定位
定位=定位模式 + 边偏移
定位模式
static：静态定位
relative：相对定位
absolute：绝对定位
fixed：固定定位
定位的叠放次序
定位出现盒子重叠情况，用z-index控制盒子的前后次序
正整数，可正可负可0，默认auto，数值越大越靠上
属性值相同，按书写顺序，后来居上
数字后面不可加单位
只有定位的盒子才有z-index属性
|
