Question

css里，为什么我去了border后，整个的图片往下移？

html代码：

原来的css代码：

效果如下：

但我只把69行的border给删除后：

变成这样了：

我怎么想也想不到为什么，删除了一个border，再怎么也不至于这样啊，为什么啊？





Answer 1

http://www.zhangxinxu.com/study/200908/margin-overlap.html

其子元素设置了margin-top 值 导致了其父元素margin的重叠。加了border正好可以修复这个问题。其问题的其他解决方案 可以详看上面的那篇文章。

Answer 2

有可能是其他样式导致的，你试试不要把border删掉，而是改成border:0;看看什么效果