如果你看这里的codepen:
http://codepen.io/anon/pen/LHBqs并将img上的"display: block"更改为"display: inline"，则会导致"Fine dining in a casual environment"的文本进一步下压。
下面的"美食"元素是h2，这是一个块元素，那么为什么img标签是块还是内联有区别，因为块元素不能出现在同一行作为内联元素?
这与边距塌陷有关——你的img和它下面的h2有彼此"接触"的边距，但是对于块元素的边距塌陷(合并成一个)，而对于内联元素，它们不塌陷，它们都适用，因此有额外的空间。
查看这篇文章- http://www.howtocreate.co.uk/tutorials/css/margincollapsing