关于前端布局---流式布局

@[TOC]关于前端布局
前端的布局按其编写过程复杂程度可以分为传统布局与新式布局；

• 传统布局
  所谓的传统布局就是不依赖与框架，主要是程序员根据CSS与HTML样式属性的运用来写的原生布局，比如dispaly、position、float等。

这种布局方式对程序员的基础知识要求较高，要会使用特定的样式属性，以及了解其使用的注意事项或者后期对布局的影响进行调试。但是，传统布局方式最大的好处就是其兼容性很好，对于IE6、IE7浏览器也能很好的兼容。

• 现代布局
  新式布局，是对传统布局中存在的一些遗留疑难的解决方案，可以说是一种优化方案吧，其代表就是flex布局，自适应布局（adaptation），Grid布局，后面还有现在流行的响应式布局（BootStrap）。它们最大的特点就是其“智能化”，对于页面组件的位置，以及尺寸大小会根据浏览器展示局域大小来动态调整。这些都是一些计算机大厂为提高布局的简便性而开发出来的。

如果说面试官问到你会使用那种布局的时候，当然不能哪个流行说哪个，要说会结合项目开发的实际需要来选择，再提一下自己对时下流行布局方式也有一定的了解，那样你的回答基本就是满分的了。

布局方式有很多，但是我觉得学东西要理解其来龙去脉，虽然现在市面上对传统布局方式没有那么热衷了，但只有在理解其底层原理的时候，才能更好的运用新的东西，所以在写关于布局的时候，我将基于基础知识点的“流布局”排在首位，后期依旧会对其他新式布局详解。

关于“流”的基础概念

所谓“流”，相信在不少前端书都会提到的一个概念——“文档流”