QQ 1640076782

2013年07月30日

Div+css几种清除浮动的有效方法

Filed under: 未分类 — 标签：, , — lifengwu @ 2:52 下午

网站在制作html过程中会经常用到浮动float这个属性，但是浮动过后又发布得清除，否则会对周边的其他元素造成影响，当然清除浮动的方法也有很多，下面就看看几种常用且兼容性比较好的清除浮动的方法：

1、通过在需要清除浮动的标签后面添加

，当然这个

标签也可换成其他别的，比如

等，不过用得多的还是

.
这种方法比较直接，但同时也增加了许多无效的标签，破坏了HTML代码的良好结构，同时对网站优化也没有好处。

2、通过父级元素浮动来清除浮动，即把浮动元素的父元素也设置浮动属性，float:left ，float:right,都是可以的

3、通过给父元素添加overflow:hidden属性，这个方法我觉得是最好的，方便好用，容易控制，而且又不用额外增加代码，我目前用的最多的就是这种方法。

以上三种方法都是有效果的，看个人习惯来定吧，如果有更好的方法，欢迎分享！