浮动与清除浮动

9.浮动与清除浮动
  1.浮动：两个盒子在网页中一上一下：给上面的盒子加左浮动（float:left;)两个盒子会重叠
                                   给两个盒子都加左浮动（float:left;)两个盒子并排一行。
    浮动效果只对后面的盒子有效果。对前面的没有效果。
  2.清除浮动：
     1 .方法
         额外标签法：也称隔墙法
         clear：both;清除两侧浮动。both/left/right
         父级元素添加：overflow：hidden；属性，
         父级元素添加after伪元素，
         父级添加双伪元素，
     2. 格式：
        第一种加属性overflow：hidden：
        第二种加伪元素：.clearfix:after{
			content: "";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
	               }
		.clearfix{（兼容IE6/7）
			*zoom: 1;
	               }                                            （代表：百度 网易云 淘宝等）
        第三种：加双伪元素：clearfix:before, .clearfix:after{
			content: "";
			display: table;
		}
		.clearfix:after{
			clear: both;
		}
		.clearfix{（兼容IE6/7）
			*zoom: 1; 
                                                                 （代表：小米 腾讯）