css清除浮动的方式

html为什么要清除浮动？如何清浮动？

   在子级浮动之后，没有设置高度的父级会检测不到子级的高度，所以父级的高度为零，下面的内容会挤上来了，造成布局不稳定。

子级浮动之后，同级标签最好也浮动，这样有益于布局的稳定

 

下列方式建议用一四

 

方法一：

      给父级增加overflow:hidden;  此时父级的高度由子级的内容撑开

方法二：

给父级增加一个固定高度 例如：height:120px;  适用于高度不常做变化的插件

方法三:

给父级标签内部的底部增加一个块级标签（例如：div/section/h1~6/nav等标签）并且给它设置clear:both;样式

方法四：

给父级标签增加一个样式（例如：<ul class='clearfix'）样式内容如下：.clearfix::after{ 

                    content:'';   display:block;  clear:both;   

                    }