首页 > 代码库 > 仿写知乎页面小结

仿写知乎页面小结

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

  css里用的是clearfix类:

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

    display: table;              clear:both;

    content: "";              }

  }

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

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

 

2.待续

仿写知乎页面小结