1.知乎页面的头部是浮动布局，一旦涉及到float就需要 清除浮动.
css里用的是clearfix类:
.clearfix:before, .clearfix:after { .clearfix:after {
display: table; clear:both;
content: ""; }
}
原理是在需要清除浮动的后面添加一个不占位置的标签，通过clear:both,使得添加的标签 上方不存在浮动元素(即在:after添加的标签上方制造空间，拉大父标签height)
我犯了一个错误, .clearfix :before的冒号前面多打了一个空格，选择器的意义完全不一 样了，从具有clearfix类的标签 变成了 具有clearfix类的标签的所有子标签，导致显示错误。
2.待续
原文：http://www.cnblogs.com/gugege/p/6340472.html