如果您在这里查看我的代码笔：
http://codepen.io/anon/pen/LHBqs
并将display: blockimg上的“ ”更改为“ display: inline”，这会使“休闲环境中的美食”文字被进一步下推。
它下面的“美食”元素是h2，它是一个块元素，那么为什么img标签是块元素还是内联元素会有所不同，因为块元素无论如何都不能与内联元素显示在同一行上？
问问题
55 次
1 回答
3
这与边距折叠有关 - 你img和它h2下面的边距相互“接触”，但对于块元素边距折叠（合并为一个），而对于内联元素它们没有，它们都适用，因此额外的空间。
检查这篇文章 - http://www.howtocreate.co.uk/tutorials/css/margincollapsing
于 2013-04-19T23:53:42.830 回答