摘要：分析了两列自适应布局的实现思路后，会觉得三列自适应布局的实现原理其实和他一模一样，不过是多了一个盒子而已。 第一类，浮动在前： 方法一：float+margin 方法二：float+BFC 第二类，主要内容在前： 方法三：float+负边距+relative 这里和两列布局有些不同，在两列布局中，. 阅读全文

摘要：随便拿一个搜索引擎搜索一下“两列自适应布局”，都能得到很多种实现方法，这篇文章的重点是这些方法的底层逻辑是什么，他们是怎么得来的。 分析： 需要满足三个要求： ①两个盒子在同一行 ②右边的盒子需要占满剩下的空间 ③两个盒子不能重叠 这三个条件又分别有很多种实现方法（不考虑绝对定位）： 组合起来，会有 阅读全文

摘要：W3C规范在介绍margin时有这样一句话： Negative values for margin properties are allowed, but there may be implementation-specific limits. 于是，聪明的开发者们就发现了很多负边距的巧妙用法。 比 阅读全文

摘要：概念： visual formatting model，可视化格式模型 visual formatting model，可视化格式模型 The CSS visual formatting model is an algorithm that processes a document and disp 阅读全文

摘要：介绍了margin、padding、border的特点，重点分析了margin的折叠现象 阅读全文

摘要：目的： 实现一个响应式导航，当屏幕宽度大于700px时，效果如下： 当屏幕宽度小于700px时，导航变成一个小按钮，点击之后有一个菜单慢慢拉下来： 思路： 1.为了之后在菜单上绑定事件，并且不向DOM中添加多余的节点，在大屏幕中出现的导航和小屏幕中的下拉导航必须是一个。 所以我选择了将导航绝对定位。 阅读全文