圣杯布局，很久之前就听过，但是一直都没详细了解过，最近因为做了一个项目，借鉴了薪人薪事这个公司的产品页面，才第一次用到这种布局方式。于是就花了点时间，测了下它实现常见分栏布局的代码，每段代码都非常简单 ...

开始说网格布局之前，先说一下什么是网格布局和下面用到的两个新属性，fr和repeat函数的定义。 如上 ...

原文 　　简书原文：https://www.jianshu.com/p/5f18f12cd162 大纲 　　1、什么是外边距合并？(折叠外边距)　　2、外边距带来的影响　　3、折叠的结果　　4、 ...

作者：呆呆笨笨 链接：https://www.zhihu.com/question/32233356/answer/196799506 来源：知乎 著作权归作者所有。商业转载请联系作者 ...

上一篇文章《圣杯布局小结》总结了几种常见的分栏布局方法，这几个方法都可以实现多栏页面下，所有栏的高度可动态变化，某一栏宽度自适应的布局效果，能满足工作中很多布局需求。后来我在搜集更多关于分栏布局的文章 ...

　　在制作页面有这样一种现象：当一个HTML页面中含有较少的内容时，Web页面的“footer”部分随着飘上来，处在页面的半腰中间，给视觉效果带来极大的影响，让你的页面看上去很不好看，特别是现在宽屏越 ...

css如何定位网站的footer（用DIV+CSS让footer始终在底部） 平时拿CSS布局都是一些内容比较多的网站,前两天用CSS+DIV弄了个内容少的页面,发现了一个小问题,可 ...

原文 　　简书原文：https://www.jianshu.com/p/366665ab9c1c 大纲 　　1、CSS盒子模型的概念　　2、行内元素是否也属于盒子模型呢？　　3、标准盒子模型和I ...

flex 布局原理 flex 是 flexible box 的缩写，即为 ‘ 弹性布局 ’ ，用来为盒子模型提供最大的灵活性，任何容器后可以指定为 flex 布局 无论是块元素还是行内元素 　　 ...

传统的布局解决方案--盒状模型--diplay + position + float 缺陷：对于一些特殊布局（垂直居中）和网格式布局（几行几列）不易实现 09年W3C颁布的--flex布局--使用 ...