为什么是clearfix？
某些浏览器下 如果父DIV是的CSS float:none(一般都默认这个) 子DIV的CSS float:left或者right 这样就会出现子DIV无法撑开父DIV的现象，所以我们要在父DIV上加个clearfix的CLASS，代码如下：
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {height: 1%;}
很多CSS框架里都有reset.css这个文件，这个文件一般就是CSS RESET文件
它是做什么用的呢？简单的说就是重置浏览器的CSS默认属性，为了更好的做CSS浏览器兼容性问题。比如：
* { padding: 0; margin: 0; border: 0; }
这样把所有的HTML标签的padding和margin都重置为0；
为什么要这样做？ 浏览器和浏览器之间对某一个标签的CSS定义有所不同，比如：IE下的按钮和FF下的按钮样式就不大一样，body的margin也不一样，其他浏览器都有自己独特的CSS定义，所以我们要建立自己的统一标准，这样对后面的各个浏览器兼容问题有很大的帮助。
怎么使用？
把你的CSS RESET代码写如到一个CSS文件里，比如：reset.css，然后在HTML页面里引用它就可以了，注意：reset.css必须在其他CSS文件之前引用。
下面是我常用的CSS RESET
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal;
font-style: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}
q:before,q:after {
content:'';
}
abbr,acronym { border: 0;
}