说明

1、给父div定义高度。

原理：给父DIV定义固定高度，可以解决父DIV无法获得高度的问题。

2、使用空元素。

例如(.clear{clear:both})

原理：添加一对空的DIV标签，使用css的clear:both属性去除浮动，让父DIV获得高度。

3、让父级div也一起浮起。

这可以初步解决当前的浮动问题。但也让父级浮动起来，又会产生新的浮动问题。不建议使用。

4、父级div定义display:table。

原理：强制将div属性转换为表格。

5、父元素设置overflow：hidden,auto。

原理：这种方法的关键是触发BFC。IE6还需要触发hasLayout(zoom:1)

6、父级div定义伪类。

after和zoom。

实例

.clearfix:after{
    content:'.';
    display:block;
    height:0;
    clear:both;
    visibility: hidden;
}
.clearfix {zoom:1;}

本文教程操作环境：windows7系统、css3版，DELL G3电脑。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• css怎样实现控制动画的暂停与播放效果？

  今天给大家分享css实现控制动画的暂停与播放效果的技巧，我们知道CSS可以实现多种动画效果，但是有些场景的需求涉及到暂停与播放，那么这两个效果怎么实现呢？接下来我们一起来看看。

• HTML5地理定位的实现是怎样，要注意什么问题

  基于浏览器的HTML5地理定位  地理位置（Geolocation）是HTML5的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下HTML5地理位置定位的基本原理和一个基于浏览器的HTML5地理定位的小demo，过程就是获取浏览器经纬度，并用腾讯地图（大家可以选择自己喜欢的地图）显示出来，实现的最终效果如下图所示：一、检测浏

• CSS3中能制作哪些边框效果，方法是什么

  本文通过实例代码给大家介绍了基于csss3实现多样的边框效果，有半透明边框，多重边框，边框内圆角，具体效果图和实现代码大家参考下本文

• CSS中使用浮动会有哪些影响

  背景不能显示（overflow:hidden）。边框不能撑开，如果父级设置了CSS边框属性，子级里使用了float属性产生浮动，父级不能被撑开。margin padding设置值不能正确显示。

• CSS多个背景使用方式是什么？有啥好处？

  这篇文章主要给大家分享的是关于CSS多个背景使用方式及实际好处，我们知道CSS中的background背景属性是很常使用的一个属性，下文对大家深入学习background背景属性也有一定的帮助，感兴趣的朋友接下来就跟随小编来学习一下吧。