作者：滴滴公共前端团队 - 邱莲 BFC是什么？ BFC（Block Formatting Context）直译为“块级格式化范围”。 是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。当涉及到可视化布局的时候，Bl…

如上代码出现问题。定位到这个错误很困难，因为你首先需要看页面源代码查找插入的这段HTML，但是找不到，因为它是动态生成，如果你对数据或者布局更改也会要求更改js，所以html呈现应该‘尽可能’的与js分离。 语义化的意思就是从名称中一眼就能看出内容是什么，HTML标签就是通过浅…

随着浏览器对蒙版（mask）的支持越来越好，在web开发中使用蒙版（mask）也变得越来越流行，使用它可以实现一些非常好的视觉效果。

我们在日常开发中经常遇到布局问题，下面罗列几种常用的css布局方案 话不多说，上代码！ 以下所有demo的源码 链接: http://pan.baidu.com/s/1cHBH3g 密码:obkb 以下居中布局均以不定宽为前提，定宽情况包含其中 tips：此方案兼容性较好，可…

30 Seconds of CSS

CSS 布局: 40 个教程、技巧、例子和最佳实践

突然有一天，脑之里不知怎地蹦出一个词，「双飞翼」，这是很久以前的淘宝提出的一种三栏布局优化方案，然而，时间久了已经不记得（换句话说是不理解）为啥要提出这个布局了，昨天在 SF 上发起了一个提问，但良久未有人答复，幸得@王能全是谁 提醒，终于回想起「双飞翼」的完整意义了。谨以此文…

CSS最大的用处之一就是可以将内容和元素定位到任何我们想要的位置，使我们的设计具有结构，使内容更加易懂。 CSS有好几种不同的定位属性，每种都有自己的使用场景。在这节课中我们会通过不同的案例——可复用的布局和针对单元素的布局——来介绍每种方法。 定位的其中一种方法就是使用flo…

译自 https://css-tricks.com/centering-css-complete-guide/，讲述了如何利用 css 来实现常见的水平和垂直居中。