1 .clearfix { 2 zoom: 1; 3 display: table; 4 width: 100%; 5 } 6 .clearfix:after { 7 content: " "; 8 display: block; 9 clear: both;10 he...
分类：
其他好文 时间：
2015-05-18 22:24:06
阅读次数：
92
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } .clearfix {*zoom:1;}/*IE/7/6*/
分类：
其他好文 时间：
2015-05-18 16:01:22
阅读次数：
115
我想大家在写CSS的时候应该都对清除浮动的用法深有体会，今天我们就还讨论下clearfix的进化史吧。clearfix清除浮动 首先，我们常用的清除浮动是这样的。.clear{clear:both;line-height:0;} 这是相当暴力有效的解决浮动的问题。但是这个用法有一个致命伤，就是每次....
分类：
其他好文 时间：
2015-05-15 21:14:10
阅读次数：
186
浮动的副作用：导致父级不能撑开：如父级背景无法显示、边框不能撑开、margin及padding显示错误等……清除浮动的常用方法：1、给父级设置高度height;2、底部引入空div并clear:both;3、给父级定义overflow:hidden； //仅支持标准浏览器；4、推荐使用方法： .c....
分类：
其他好文 时间：
2015-05-14 11:52:01
阅读次数：
125
审查元素中看到的这两个标签，表示内容并不在元素中，而是在css中，可以查看style看到具体内容。一般来说这样做是为了清除浮动（clearfix）的代码，防止后边的容器因为浮动出现布局的混乱。添加在选择到的元素内部之前和之后。如下写法：div:before { content: "\0020"; ....
分类：
其他好文 时间：
2015-05-12 10:48:06
阅读次数：
2043
1、在容器结束之前加clear 2、使用伪类 #container:after{ content:""; display:block; height:0; clear:both; }3、父类中加overflow属性 或者 将父类高度调大 #container{ wi...
分类：
其他好文 时间：
2015-05-11 23:41:23
阅读次数：
165
最近在学习BootStrap框架，发现里面清除浮动的类 .clearfix 跟平时自己用的不太一样。它的样式是这样的： .clearfix:before
{ content: " "; display: table;
}
.clearfix:after
{ content: " "; display...
分类：
其他好文 时间：
2015-05-09 23:35:38
阅读次数：
133
浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局； 恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。也许很多人都有这样的疑问，浮动从何而来？我们为何要清除浮动？清除浮动的原理是什么？本文将一步一步地深...
分类：
其他好文 时间：
2015-04-28 22:34:11
阅读次数：
230
36、如果想让多个块显示在同一行中，可以将这些块设置成浮动，并且浮动方向相同。
37、清除浮动
当元素有浮动属性时，会对其父元素或者后面的元素产生影响，会出现一个布局错乱现象，可以通过清除浮动的方法来解决，
浮动元素的影响
浮动的清理(clear)：
none：默认值。允许两边都可以有浮动对象
left：不允许左边有浮动对...
分类：
Web程序 时间：
2015-04-27 09:54:00
阅读次数：
218
1）添加额外标签
这是在学校老师就告诉我们的 一种方法，通过在浮动元素末尾添加一个空的标签例如 ，其他标签br等亦可。
再如：
1）添加额外标签
.main{float:left;}
<div...
分类：
其他好文 时间：
2015-04-24 19:20:27
阅读次数：
131
