web前端：前端清除浮动的几种方法

　　前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的html和css以及Javascript/ajax，现在最新的高级版本HTML5、CSS3，以及SVG等。

　　清除浮动方法

　　• 给父级定义height缺点:扩展性不好

　　• 父级overflow:hidden定位浮动开启BFC布局浮动/定位盒子的特点高宽都由内容撑开缺点:IE6会失效,添加样式zoom:1;触发拥有布局(haslayout)

　　• <br>标签清除浮动<brclear="all"/>缺点:IE6不支持

　　• 空标签清除浮动<divstyle="clear:both"></div>缺点:违反了结构行为样式相分离的原则.

　　• 伪元素清除浮动clearfix

　　clearfix:{

　　*zoom:1;/*IE6IE7不支持伪类元素开启haslayout*/

　　}

　　clearfix::after{

　　content:'';

　　display:block;

　　clear:both;

　　}

　　HTML、CSS、JavaScript这三个是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时，HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。