设置display:block后，margin失效，如何解决

Question

设置display:block后，第三张图上移，如何解决？为什么会存在这种问题呢？demo地址在这里

Answer 1

你设置了display:block之后间隙消失，并不是margin不起作用引起的，而是img在容器中跟底部会有一个3px像素间隙的bug（其实是正常表现，姑且称之为bug吧），你使用display:block，正好修复了这个bug，所以导致这个3px的间隙消除掉了。。

也就是说，你阴差阳错地解决了一个bug。。

你试试vertical-align:middle;也会让间隙消除掉。。

img与容器底部3px间隙bug的解决方案有2个：

1、display:block;

2、vertical-align:middle;

Answer 2

这是因为浏览器的bug的问题

Answer 3

你是把什么设置了display：block;最后效果又是什么？