55个提高你CSS开发效率的必备片段.docVIP

55 个提高你 CSS 开发效率的必备片段 这篇文章会记录我们平时常用到的 CSS 片段，使用这些 CSS 可以帮助我们解决许多实际项目中遇到的问题，强烈建议点赞收藏再看，方便日后查找。 清除浮动 浮动给我们的代码带来的麻烦， 想必不需要多说， 我们会用很多方式来避免这种麻烦， 其中 我 觉 得 最 方 便 也 是 兼 容 性 最 好 的 一 种 是 ， 在 同 级 目 录 下 再 创 建 一 个 div style=clear:both;/div ； 不 过 这 样 会 增 加 很 多 无 用 的 代 码 。 此 时 我 们 用:after 这个伪元素来解决浮动的问题， 如果当前层级有浮动元素， 那么在其父级添加上 clearfix 类即可。 // 清除浮动 .clearfix : after { content: \00A0; display: block; visibility: hidden; width: 0; height: 0; clear: both; font-size : 0; line-height : 0; overflow: hidden; } .clearfix { zoom: 1; } 垂直水平居中 在 css 的世界里水平居中比垂直居中来的简单一些，经过了多年的演化，依然没有好的方 式来让元素垂直居中 (各种方式各有优缺点，