2017-08-01读书笔记（ifc简单记录）

今天继续学习*fc，先看昨天提到的同样是css2的ifc。

参考文章是这篇 Visual-formatting-model block-formatting

这个文档是全英文的，大家可以只看Inline formatting contexts这一部分。

ifc没什么特别的重点，也不像bfc会有一些有趣的现象，就连网上的资料都比bfc少很多，以下就记录了一些大概的重点。

1. line box的宽度由浮动情况和它的包含块决定。line box的高度由line-height的计算结果决定。

2. 当几个行内级盒子在一个单独的line box内不能很好的水平放置，则他们被分配成了2个或者更多的垂直重叠的line boxs。（话说这个稍微有点没看懂）

3. 当一个行内盒子超过了line box的宽度，则它被分割成几个盒子并且这些盒子被分配成几个横穿过的line boxs。如果一个行内盒子不能被分割。则行内盒子溢出line box。（这边的话就需要使用一些word-break：break-all等属性来强行换行）

这上面大概就是所有的重点了。。然后，我们看一篇集合版。

css3之BFC、IFC、GFC和FFC

这篇文章则纯粹是总结。相当总结了。。

我也就不抄了，自己看一下就好。

明天开始研究webpack。