自己动手写CSS流式（响应式）布局

在CSS中，你可以使用一个小标记来表示分栏的样式，并且自适应页面的大小。CSS的分栏是一个有趣的选项，简单的几行CSS代码即可创建响应式且向后兼容的流式布局。目前已经支持IE10+, Firefox, Chrome等主流浏览器，以下是几行代码，即可将一段文字分成两栏。 (PS: 当页面总宽度放不下两栏时，则会自动分为一栏,  如Chrome中 width < 400px）

  article{
    -webkit-columns: 2 200px;
       -moz-columns: 2 200px;
            columns: 2 200px;
  }