为什么会这么说，知道怎么写HTML和CSS有什么用？布局你真的懂吗？如果你连布局都运用不好，那么前端的要做的任务从一开始就注定了“悲剧”这个标签。如何把布局运用到实际的复杂场景中，本文章的初衷是能够通过实战的经验和总结，达到让人能够自我举一反三的奇效。
什么是布局，在古代，部落和部落，王朝和王朝之间的每一场战斗都需要排兵布阵，如果不能一眼看破玄机，给你10个诸葛亮也白搭啊，毕竟军师好比给你出馊点子的人，但是如果你运用的烂，那么接下来就会像滚雪球一样积累越来越多麻烦事。
首先我们看看影响布局的原因：
- 生搬硬套 - 典型读死书
- 扩展性差 - 典型的书呆子
- 可读性差 - 我都懒得说了
来，我们看看这些问题是有多么的头痛，生搬硬套，会导致你后面越写越要给自己布局带来的失误不断的通过CSS打补丁来弥补布局上的不足，原因可能是你死记硬背，也可能是你手里掌握的布局方式还不够多。
扩展性差，当我们要调整或者修改甚至添加某些东西的时候就会遇到这个问题，这是一个瓶颈，原因是什么，也是因为布局不合理或者说一开始看设计图之初就没考虑到。
可读性差，如果前两者你都占了，那么在代码维护上或者重构或者别人来帮忙接手的时候，就是一个烂摊子。
做为一个合格的将军，甚至想成为一代名将的你，你觉得前端不牛吗？你不觉得布局很重要吗？想想那些时代的名将，比如霍去病，岳飞，卫青，韩信等等，我们就是一名总将军，每个子元素就是士兵，元素则是百夫长，CSS更是千人将，你如何统领他们成为百战百胜的一代名将，就从这里开始吧。
