浮动的解决方法

1.*仅仅在父级元素内浮动
  添加*元素 后的兄弟元素 和 父级元素 会无视该元素所占的空间
  *可以为float,absolute,fixed
2.如果两个元素同时添加float,排版类同行级元素 同时加absolute则会重叠
  优先级position高
3.加clear:both的元素会重新认同它前一个(仅仅一个)兄弟元素的空间,在float情况下
4.fixed,absolute
  初始化相同,即使没被移走所占空间也没有,和加float:left一样,只有position即初始化
  如果加上四个方位表示距离可视界面各边缘的距离,可以超出父级元素
5.ralative的初始化无任何效果,即不需要初始化,即使被移动走所占空间依然在
6.position:relative向左移left为负值




优先级:absolute>float>margin>ralative   position后面的更优先
如果重叠,显示顺序:relative>fixed>absolute>没有加任何东西的元素
   如果两个一样则显示后一个


看视频所得
清除浮动:width:100%;overflow:hidden(可以清除父级元素的浮动)
         .clearfix:after{content:";display:table;clear:both;}
         .clearfix:{*zoom:1;}
相对定位:相对自身位置进行偏移,仍处于文档流中,拥有偏移属性和Z-index属性
据对定位:以最近的已定位祖先元素作参照
横向两列布局一列固定宽,一列自适应:父相对,this绝对
浮动会去空格