今天完成的事情：CSS知识巩固，JS语法学习。
明天计划的事情：JS语法，看些源码，尝试写写。
遇到的问题：BFC（Block Formatting Context）块级格式上下文，经过资料查询懂得了。
收获：

BFC（Block Formatting Context）块级格式上下文，bfc为CSS网页内容中盒子布局的一种渲染展示模式。就是网页中的一个容器，用于布局中一块区域的渲染。独立的渲染一块区域，规定了内部如何布局，并且与区域外部的元素及属性，毫不相干。不会影响它外面的其他元素。

bfc布局规则：

1，触发bfc的容器，内部的盒子会以垂直方向排列，一个挨着一个放置。

2，内部盒子垂直方向的间距是有margin（外边距）拉开的，但属于统一个bfc容器的相邻盒子的外边距会发生重叠。

3，触发bfc的容器不会与float的盒子重叠，也不会互相覆盖对方，（因此，实现了自适应左右两栏布局。）

4，bfc的容器是一个独立的隔离的容器，容器内的内容子元素，不会影响外面的元素。

5，在计算触发bfc的容器的高度时，浮动元素也参与计算。（因触发bfc的容器，不会影响外部的其他元素，所以它内部的浮动元素也要参与高度的计算。）

触发bfc条件：   

1， 根元素；    

2，float（浮动）属性不为none时；    

3，position（位置）为absolute（绝对定位）或fixed（固定定位）时；     

4，display为 inline-block，table-cell， table-caption，   flex，  inline-flex  时；   

5，overflow（溢出）不为  visible（可见）时；

BFC的主要用处：

1，自适应两栏布局；

2，解决因子元素浮动，导致容器的高度塌陷问题；

3，解决两元素的margin（外边距重叠问题）：其中一个元素用bfc容器包裹，就解决了。