H5清除浮动的五种方法

        引言：在HTML中，如果所有子元素发生了浮动，而父元素又未设置高度，则会发生高度坍塌为0，从而影响布局，因此要清除浮动，现跟大家分享五种方法：
        方法一：给父元素添加高度 ，但企业开发中html与css分工明确，即：html起添加语义作用，css改变网页样式，此处用到html改变样式，因此应该避免使用此方法。
        方法二：给后面的盒子设置clear:both; clean属性的取值及其意义：

• none:默认值，此时遵从浮动元素排序规则；
• left:不左浮；
• right:不右浮；
• both:既不左浮也不右浮；

注意点：使用这种方法后margin属性将失效！

        方法三：隔墙法
              ①，外墙法： 在两个盒子中添加一个块级元素，给这个块级元素添加claer:both;
              ②，内墙法： 在第一个盒子的选择器末尾加上一个块级元素，设置clear:both;

                两者区别：外墙法不能撑起上一个盒子的高度，而内墙法可以
        方法四：伪元素选择器法: 利用伪元素选择器，给第一个元素添加内墙，代码：

  标签名::after{
     clear:bith;
}

           IE6不兼容问题解决：添加属性*zoom:1;

        方法五:设置属性overflow:hidden； 另外，该属性及此值有三个作用：裁剪掉超出标签范围的内容；清除浮动；外层盒子设置此属性后可不被内层盒子顶；

           好了,五种方法介绍到这里，如果还有更多欢迎补充。