清除浮动与元素定位

清除浮动

1. 额外标签法：也称为隔墙法。
clear:both;清除两侧浮动。both|left|right
2. 父级添加overflow:hidden属性
3. 父级添加after伪元素

.clearfix:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

↓这是为了兼容IE6/7

.clearfix{
	*zoom: 1
}

4. 父级添加双伪元素

.cleatfix:before,.clearfix:after{
	content: "";
	display: table;
}

.clearfix:after{
	clear: both;
}

↓这是为了兼容IE6/7

.clearfix{
	*zoom: 1
}

元素定位

position: 定位模式；
static：静态定位，默认定位方式
relative：相对定位，相对于原文档的位置进行定位
absolute：绝对定位，相对于上一个已经定位的父元素进行定位
fixed：固定定位，相对于浏览器窗口进行的定位

边偏移属性: 值px;
top：顶部偏移量 top: 50px;
bottom：底部偏移量 bottom: 50px;
right：右边偏移量 right: 50px;
left：左边偏移量 left: 50px;