2020-12-01

1.5清除浮动。
1，额外标签法：也称为隔墙法。
clear：both；清除两侧浮动。both|left|right。
2，父级添加overflow：hidden属性；
3，父级添加after伪元素；
4，父级添加双伪元素。
清除浮动
3，父级添加after元素：
.clearflx:after{
content:"";
dispiay:block;
height:0;
clear:both;
visiblity;hidden;
}
.clearfix{
/*兼容IE6、7、
*zoom：1；
}
4，父级添加双伪元素。
.clearfix:before,.clearfix:after{
content:""；
dispiay：table；
}
.clearfix:after{
clear:both；
}
.clearfix{/兼容IE6、7
*zoom：1:；
}
position:定位模式；
定位模式：
static：静态定位，默认定位方式；
relative：决对定位，相对于原文档的位置进行定位；
absolute：决对定位，相当于上一个已经定位的父元素进行定位；
fixed：固定定位，相当于游览器窗口进行的定位；
边偏移属性：值；（单位px）；
边偏移属性：
top：顶部偏移量；top：50px；
bottom：底部偏移量；bottom：50px；
left：左侧偏移量；left：50px；
right：右侧偏移量；right：50px；
相对定位relative。
position：relative。