float高度塌陷和BFC

开启BFC方式：

1.设置浮动float（副作用比较大，不推荐）

2.将元素设置为行内块元素 display:inline-block；(不推荐)

3.将元素的overlfow设置为非visible的值

overflow:scoll;(带滚动条)

overflow:auto;

overflow:hidden;（常用）

黄色背景随着main中的三部分的高度变化而变化