任务三：三栏式布局
任务目的
- 掌握HTML/CSS布局的概念
- 掌握盒模型的概念
- 掌握position与float的概念以及在布局时的用法
任务描述
- 使用 HTML 与 CSS 按照 示例图（点击查看） 实现三栏式布局。
- 左右两栏宽度固定，中间一栏根据父元素宽度填充满，最外面的框应理解为浏览器。背景色为 #eee 区域的高度取决于三个子元素中最高的高度。
详细任务要求请点击百度前端查看
感想
第三个任务是介绍基础的布局概念，原理很简单，相信看过学过相关教程的学习者都可以很好的完成，但是入手做的时候呢，值得注意的是float的运用，需要注意宽度，这些多尝试几次后也就有很好的意识的了。
下面是练习的演示和代码
Demo：
百度前端任务三