大家好，我是晚天。 手写代码是前端面试中必不可少的环节，常见的手写代码题也基本是可枚举的。网上也有很多面经文章会讲到手写代码，但是大都不够全面、不够深度，有些低质量文章甚至会误导初学者。

这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)

利用float实现圣杯布局是最原始也是兼容性最好的方式，当然相对于其它几种来说较为复杂。 其中有一个需要注意的是盒子的排布顺序，其中.center盒子排在最前面，left和right依次排列，这里主要是用到了float和margin的特性，接下来会讲到。 ⬆接下来定义子盒子的宽…