一、什么是flex布局 　　flex 是 flexible box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 flex 布局。你可以将前端页面想象成一个巨大的容器，里面装满了各式各样的盒子元素，为了方便元素排列布局，css引入弹性布局。即设置了弹性 ...

前端布局一直是CSS的一个重点应用，然而基于盒子模型的传统布局方案，依赖display + position + float 属性，对于某些特殊的布局非常不方便，比如：垂直居中就不容易实现。针对这一情况，在2009年，W3C提出了一种新的方案：Flex布局，可以简便、完整、响应式地实现前端 ...

----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现 ...

Flex 布局教程：语法篇 作者： 阮一峰 日期： 2015年7月10日 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局 ...

flex布局目前基本上兼容主流的浏览器，且实现方式简单。我整理了flex的一些知识点，并且总结归纳了几种常见布局的flex写法 ​flex基础知识点 flex-grow和flex-shrink相关计算公式 公式1：子元素空间 < 父容器 ...

参考教程： http://www.ruanyifeng.com/blog/2015/07/flex-examples.html 上图： ...

css3新引入的flex在某些情况下布局非常实用 因为它是弹性盒子所以自适应效果会很棒 不过各项布局方案还是各有优劣 实现的是基本版的三列布局 很简单 ...

html css 这里把高度都给限制死了。 可以换一个思路，通过设置margin-top来处理竖向空间。 ...