1. 页面渲染的三个流：
a. 无float, position为默认值（static）的元素
b.position为非默认值（fixed，absolute，relative）的元素
c.float无left，right的元素
渲染过程：
三种流渲染完成后（故当父节点和子结点不在同一个流中时，父节点无法获取到正确的宽和高），进行叠加渲染，在显示到显示器
解决办法：
清除浮动可是流c 中的元素变为流a的元素
2. ul li元素的list-style-type设置为inline-block，可能会出现两个li元素中间出现空格
原因：两个li元素之间的换行被解释为空格
解决办法：
<1>. li设置为block元素，使用float：left；属性
<2>. html注释掉两个li元素中间的换行，或者两个li元素不换行
