首页 > 代码库 > 仿写知乎页面小结
仿写知乎页面小结
1.知乎页面的头部是浮动布局,一旦涉及到float就需要 清除浮动.
css里用的是clearfix类:
.clearfix:before, .clearfix:after { .clearfix:after {
display: table; clear:both;
content: ""; }
}
原理是在需要清除浮动的后面添加一个不占位置的标签,通过clear:both,使得添加的标签 上方不存在浮动元素(即在:after添加的标签上方制造空间,拉大父标签height)
我犯了一个错误, .clearfix :before的冒号前面多打了一个空格,选择器的意义完全不一 样了,从具有clearfix类的标签 变成了 具有clearfix类的标签的所有子标签,导致显示错误。
2.待续
仿写知乎页面小结
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。