外边距塌陷问题及其对策

在做子块级元素相对于父块级元素垂直定位时，如果用margin-top来做定位，会导致外边距塌陷现象出现；简而言之，就是子元素和父元素相对于更大的容器同时下移。
外边距塌陷的意思就是子元素和父元素的垂直外边距合二为一了，并且同时设定。水平外边距没有这个现象。
出现的情况是子元素与父元素之间没有任何隔离，外边距接触到一起，导致外边距合并。
解决办法：

1. 为父元素开启BFC环境：overflow： hidden；
2. 为父元素添加边框或者内边距等等，用边框来隔离父子元素之间的外边距，避免外边距接触；