使用margin的时候有很多问题，比如，重叠、塌陷问题，很多意想不到的问题，这时候只能反复的去调，根据他的属性自己去查.
工具/原料
Pycharm
方法/步骤
1
margin重叠现象：上边红色元素设置下margin 50像素，下边绿色元素设置上margin 50像素，上下边距还是50像素.
2
重叠现象只适用于上下，左右不适用.
3
margin父子关系.绿色子元素加了margin-top 10像素，但是效果不是想要的，想要的是绿色元素往下移10像素，但是现在紫色父元素带着子元素全部往下移了，这就是塌陷效果.
4
塌陷效果原因是，子元素向上找的时候没找到兄弟元素；找到父元素了，如果父元素没有padding、border、内容、什么都没有，那么子元素会继续往外找，直到找到某个标签为止.这里给父元素加padding值，解决塌陷效果.
5
overflow: hidden，也可以解决塌陷问题.overflow作用是把溢出的内容一隐藏，有时候加padding，border会影响整体结构，这时候加overflow.overflow的兼容性不强，所以不是那么好用.
6
锚功能：点击a标签跳转到当前页面的某个位置.这里a标签href属性设置成要跳转的元素id值.