1、两个同级元素,垂直排列,上面的盒子给margin-bottom,同时下面的盒子给margin-top,那么他们两个盒子的
外边距就会重叠,以最大的那个值进行计算;
2、两个父子元素,内部的盒子给margin-top,然后其父级也会受到影响,同时产生上边距,不会得到想要结果,
解决的办法
1、在父级元素上添加overflow:hidden; 左右外边距不受影响
2、给父元素设置透明边框
块级元素和行内元素只要设置float,都会变成行内块级元素属性
行内元素及行内块级元素要在页面居中,需要在外层套块级元素
行内元素本身能设置内外边距