css关于浮动、隐藏、定位的使用

浮动float

    元素浮动以后 
       不再占用父级空间
       浮动到父级边线为止                   
       浮动后不会存在类似a标签或img回车后原本产生的空隙
       
     清除浮动
       在父级使用overflow:hidden可以清除浮动
       在浮动后面的元素添加clear：both
       父级浮动也可以清除浮动
       
     浮动参考
       当上一个元素右浮动，第一参考线可放空间能放下就放下 
       如果放不下就放在下面  

隐藏

  display:none 
    宽高会隐藏，整个小时
  visibility:hidden
    外观隐藏，宽高还在
  float:inherit
    继承父元素的可视性
    
  overflow:hidden
    超出不在显示
  overflow:scroll
    总是显示滚动条
  overflow:anto
    文本少的时候没有滚轮，超出时候自动有滚轮

定位

 position:absolute绝对定位
    设置绝对定位的元素将不占用文本流里的空间
    绝对定位以最近的、设置了定位的祖辈元素作为参考
    左右布局，绝对定位的元素高度要小于固定列的高度
    
 position:relative相对定位
    设定了相对定位的元素就可以设置定位偏移量
    设置了相对定位的元素还在文本流里（还占用文本空间）
    相对于元素原来的位置（即默认位置）
    
 position:fixed
    可定位于相对于浏览器窗口的指定坐标
    用z-index定义层级，数值大的在上层