Question

为什么我设置了这个div的margin-top:20px;可是还是和上一个div挨着？

Answer 1

嵌套的元素也共享Margin
一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。
解决办法：
1、修改父元素的高度,给父元素加上padding-top
2、为父元素添加overflow:hidden
3、为父元素添加border
4、为父元素或者子元素声明绝对定位。
5、为父元素或者子元素声明浮动