仿写知乎页面小结

标签：原理   选择器   意义   tab   添加   导致   存在   for   页面   

1.知乎页面的头部是浮动布局，一旦涉及到float就需要 清除浮动.

　　css里用的是clearfix类:

　　.clearfix:before, .clearfix:after {　　　　　　.clearfix:after {

　　　　display: table;　　　　　　　　　　　　　　clear:both;

　　　　content: "";　　　　　　　　　　　　　　}

　　}

　　　　原理是在需要清除浮动的后面添加一个不占位置的标签，通过clear:both,使得添加的标签       上方不存在浮动元素(即在:after添加的标签上方制造空间，拉大父标签height)

　　　　我犯了一个错误, .clearfix :before的冒号前面多打了一个空格，选择器的意义完全不一　        样了，从具有clearfix类的标签 变成了 具有clearfix类的标签的所有子标签，导致显示错误。

2.待续

仿写知乎页面小结

标签：原理   选择器   意义   tab   添加   导致   存在   for   页面   

原文地址：http://www.cnblogs.com/gugege/p/6340472.html