前端面试（前言）
面试基础
页面布局
CSS盒模型：是CSS的基石。
DOM事件
HTTP协议
面向对象
原型链：能说出原型链的始末
面试进阶
通信：普通的通信、跨域通信
安全：CSRF、XSS。
算法
回答问题时要注意的
（1）题干的要求真的是字面要求的这么简单吗？
（2）答案怎么写，技巧在哪里
（3）如果想证明我的实力，应该有几种答案？
本文来讲一下页面布局。
题目：页面布局
问题：假设高度默认100px ，请写出三栏布局，其中左栏、右栏各为300px，中间自适应。
分析：
初学者想到的答案有两种：
方法1：浮动
方法2：绝对定位。
但要求你能至少写出三四种方法，才算及格。剩下的方法如下：
方法3：flexbox。移动开发里经常用到。
方法4：表格布局 table。虽然已经淘汰了，但也应该了解。
方法5：网格布局 grid。
下面分别讲解。
方法1 和方法2
方法1、浮动：
左侧设置左浮动，右侧设置右浮动即可，中间会自动地自适应。
方法2、绝对定位：
左侧设置为绝对定位， left：0px。右侧设置为绝对定位， right：0px。中间设置为绝对定位，left 和right 都为300px，即可。中间的宽度会自适应。
使用article标签作为容器，包裹左、中、右三个部分。
方法1 和方法2 的代码如下：
1 |