2020-11.30浮动与定位、清除浮动

浮动：
float:none;(不浮动/默认值)|left(左浮动)|right:(右浮动)
float:left;（左浮动）
float:right;(右浮动）

定位：
相对定位：
position：relative:相对定位，相对于原文档的位置进行定位。
绝对定位：
position:absolute;绝对定位，绝对定位的元素移动时的参照点是祖先元素的位置。
如果没有祖先元素或祖先元素没有定位，则以浏览器为准定位
如果祖先元素定位(相对、绝对、固定），则以最近一级有定位元素作为参考点
脱标：绝对定位不再占有原来的位置
positiom:fixed;固定定位

z-index:
z-inde:层叠等级属性，用于调整重叠定位元素的堆叠顺序。
取值：可为正整数、负整数和0；
默认值为0，取值越大，定位元素层叠样式中越靠前（上）

边偏移属性：值；(单位px）
top顶部偏移量；投票：50px
bottom底部偏移量；bottom：50px；
left左侧偏移量；left：50px；
right右侧偏移量；right;50px;
1额外标签法：也称为隔墙法。
clear:both;清除两侧浮动。both|left|right
2父级添加overflow：hidden属性

3父级添加after
.clear fix:after{
content:"";
display:block;
height:0;
clear:both;
visidiliuty:hidden;
}
.clearfix{/兼容lE6/7/
*zoom:1;
}
4父级添加双伪元素
.clearfix:before,.clearfix:after{
content:"";
display:table;
}
.clearfix{/兼容lE6/7/
*zoom:1;
}