百分比布局，右边顶部出现间隙

这个问题主要是： div的inline-block一个对齐问题

解决方法：给右边div加一个属性

vertical-align: top;

上边布局左右用的百分比，左右两边元素用的display:inline-block；所以需要设置对齐方式。

也可以左右采用flex布局的方式，采用flex就不用设置vertical-align，因为flex内置的对齐方式会更规范一点，自己用width布局需要多设置一些属性。