仿写知乎页面小结

Posted 2020-08-28

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

　　css里用的是clearfix类:

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

　　　　display: table;　　　　　　　　　　　　　　clear:both;

　　　　content: "";　　　　　　　　　　　　　　}

　　}

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

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

 

2.待续