CSS浮动（补充）

css的尺寸
     width  height
      line-height   行高是与散步费构成，上间距  文本高度   下间距  且上下间距相等。所以文字居中
行高  一旦设置行高了，元素内部必须有内容。
      line-height：3；行高是当前数字乘以当前字体大小就是行高的值。
      display  这个属性规定元素以某种形式显示
      display：none：当前元素不显示，不占用当前的空间了，
      visibility：hidden；当前元素隐藏，还占用之前的空间。
      display：block；当前元素以会计形式显示出来，往往可以将行级元素转为块级元素。
      display：inline；当前元素以行级元素显示出来，往往可以将块级元素转为行级元素
      display：inline-block；当前元素以行级显示出来，既不独占一行，也可以设置宽高。
float（浮动） 属性值有left/right
         1.浮动的元素脱离文档流了。
         
         2.浮动的元素互相贴靠
                 浮动的元素会紧紧贴靠在一起，如果后面的窗口空间过这个浮动元素的宽他会挨着前一个元素
         一个元素贴靠，如果窗口控件不够他的宽，他会去前一个的前一个元素贴靠，如果还不够继续往前找
         ，不会超越级去贴靠。这种排列方式叫流氏布局。
         3.浮动的元素有文字环绕的效果
            用在图文结合上。.
         清除浮动
                浮动元素脱离了文档流，不再占用文档的空间，导致后面的元素会去紧跟着上一个元素的位置进行排列，
          我们清除浮动的目的就是杜绝这种现象发生。
        1.给父级元素设置高度。
        2.给最后一个浮动元素后面加一个空属性  设置属性：clear：both；
                
        3.给浮动元素的父级设置一个类型  叫clearfix
           .clearfix：after；{-------//伪类选择器----给这个父级后面设定一个假的子代元素
                    clear：both-------//清除浮动
                    height：0；
                    visibility：hidden；
                    content：“”；---内容
                    display：block；
             }