使用clear fix清除浮动

在HTML5 Boilerplate里使用的Micro Clearfix是最新、兼容性最好、前端编码里最好的实践方法。Micro Clearfix支持firefox 3.5、safari 4、chrome、opera 9、IE6及以后的版本。

清除浮动类.cf应该被加在所有包含浮动元素的元素上。在这种情况下，旧式的空div带有clear样式的元素（<div class=”clear”></div>）可以永远从你保留的方法里退出了。

/* 现代浏览器 */
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}/* IE 6/7浏览器 (触发hasLayout) */
.cf {*zoom:1;}

转载于:https://www.cnblogs.com/suoooooo/archive/2013/06/03/3115747.html

使用clear fix清除浮动相关推荐

html clear属性值,CSS clear both清除浮动
DIV+CSS clear both清除产生浮动我们知道有时使用了css float浮动会产生css浮动,这个时候就需要清理清除浮动,我们就用clear样式属性即可实现. 接下来我们来认识与学习cs ...
一篇文章带你了解CSS clear both清除浮动
一.前言 CSS clear both清除产生浮动 ,使用了css float浮动会产生css浮动,这个时候就需要清理清除浮动,就用clear样式属性即可实现. 二.clear语法与结构 1. cle ...
使用 clear 属性清除浮动的原理？
使用 clear 属性清除浮动,其语法如下: clear:none|left|right|both 如果单看字面意思,clear:left 应该是"清除左浮动",clear:rig ...
关于css中clear:both清除浮动防止父级元素高度坍塌的原理
不少小伙伴在防止高度坍塌时都会在浮动元素后面写入一个div,再在里面写入clear:both属性来清除浮动.那么今天就在此探究一下clear:both的工作原理. 先说一下clear:both的作用 ...
CSS的clear去除清除浮动元素
clear 属性规定元素的哪一侧不允许其他浮动元素 left 在左侧不允许浮动元素. right 在右侧不允许浮动元素. both 在左右两侧均不允许浮动元素. none 默认值.允许浮动元素出现在两 ...
清除浮动原理、clear原理、bfc原理
一.clear clear 属性定义了元素的哪边上不允许出现浮动元素.并不是将浮动元素变成了非浮动的,而是将该元素左右的浮动元素放到下一行. left :在左侧不允许浮动元素 right :在右侧不允 ...
CSS——如何清除浮动
众所周知,平时在写HTML代码时,难免少不了使用Float样式,这样一来,假使您没有清除浮动,那么有浮动元素的父元素容器将元素将无法自动撑开.换句简单好理解的话来说,假如你在写CODE时,其中div. ...
css如何清除浮动（二）
2019独角兽企业重金招聘Python工程师标准>>> 在上篇介绍通过设置祖先元素的高度类清除浮动,但在实际的网站开发中,很少会设置元素的高度,那这是为什么呢? 是因为元素一般都能被 ...
CSS清除浮动大全共8种方法
清除浮动是每一个 web前台设计师必须掌握的机能.css清除浮动大全,共8种方法. 浮动会使当前标签产生向上浮的效果,同时会影响到前后标签.父级标签的位置及 width height 属性.而且同样的 ...

使用clear fix清除浮动

使用clear fix清除浮动相关推荐

最新文章

热门文章