本文讨论的是两列自适应布局：左列定宽/不定宽，右列自适应。

当我刚接触 flex-grow 时，为了探寻它的工作原理，做了一个 简单的例子 。

移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解display:box的布局 理解flex布局 Flex布局兼容知识点总结

Flexbox 已经成为了最流行的建站布局工具之一。Susy 是另一个布局工具，它和 Sass 社区一起在近几年中得到了普及。

之前写过两篇开发中遇到的问题和解决方案。当时是CSS 和 JavaScript 分开写的。现在写这篇文章的时候感觉很多内容都是有内在联系的，所以不好分开。

h5端开发下面这段话是必须配置的

Flexbox布局（ Flexible Box 或CSS3 弹性布局），是CSS3中的一种新的布局模式，是可以自动调整子元素的高和宽，来很好的填充任何不同屏幕大小的显示设备中的可用显示空间，收缩...

我们书接上文《 如何用 React Native 创建一个iOS APP？ 》，继续来讲如何用 React Native 创建一个iOS APP。接下来，我们会涉及到很多控件。

需要注意的是：本篇文章的布局，都未对父元素进行清除浮动的操作，所以在有 一些 使用了float的布局中，需要在parent容器清除浮动，才能在实际情况下使用。（清除浮动的方式在这里不做讨论）