一、浮动
1.float:none(不浮动)
2.left:左浮动
3.right:右浮动
清除浮动
1.父级添加overflow:hidden属性
2.父级添加after伪元素:
.clearfix:after{
content:""
display:block;
clear:both;
visibility:hidden;
}
兼容IE6/7
.clearfix{
*zoom:1;
}
3.父级元素添加双伪元素
.clearfix:before, .clearfix:after{
content:"";
display:table;
}
.clearfix:after{
clear:both;
}
兼容IE6/7
.clearfix{
*zoom:1;
}
二、定位
1.定位模式:position
2.无定位:static
3.相对定位:relative
4.绝对定位:absolute
5.固定定位:fixed
边偏移属性:
top:50px上偏移量
right:50px右
left:50px左
bottom:50px下
三、定位模式
1.相对定位:relative
(以自己为参考点)
2.绝对定位:absolute
1.如没有祖先元素或祖先元素没有定位,则以浏览器为准定位
2.如果祖先元素有定位则以最近一级有定位元素作为参考点
3.脱标:绝对定位不再占有原先的位置
z-index: 1;
层叠等级属性,用于调整定位元素的堆叠顺序。
取值:可为正整数,负整数和0;
默认值为0,取值越大,定位元素在层叠元素中靠前(上)