实际做出来的和老师讲的不一样，p标签里插入图片后并没有出现间隙，只有在p标签内图文混排的时候才会出现，后面的课里图片垂直居中的情况也一样，只有.box里是图文混排时才有效，只加入图片时无效
我觉得是这样的：
<p>
<img />
</p>
与<p><img /></p>不同，前者有回车，html默认会认为是空格，也就是老师所讲的，是一个空白文本结点，
老师讲得没错，不管有没有文本都貌似一个奇怪的隐藏结点作祟，这个可是css的经典问题，比如这个demo；
题主不妨也show一下demo~