浮动与定位

浮动：
浮动方式仍然是标准流
div1{float:left}
div2
变化->
1、div1的宽度不再自动伸展，而是以内容的宽度为准；
2、div1脱离标准流，div2(未设置clear)占据原div1的位置；
3、div2中的文本环绕div1；
4、多个div浮动时，div之间的margin会叠加，而不是塌陷collapse

clear:left,right,both：
div{clear:left}，清除浮动(左)对当前元素的影响 ->
1、位置：不再占据对应的左浮动的元素的位置
2、环绕：不再环绕左浮动元素

扩展盒子的高度：
当一个div里面有n个div(浮动的)时，父div的高度将为0，
为表现出父div的高度自适应样式，添加第n+1个div，且
{margin:0,padding:0;border:0;clear:both}


定位：
static, relative, absolute, fixed