我们给元素设置外边距的时候垂直方向的相邻的两个外边距会发生外边距重叠问题，它是取最大值，而不是求和，发生重叠的话原因：相邻 垂直
可以设置上边框来设置父子元素的重叠原因 ，还可以使用padding来进行设置
修改内容区的高来完善可见框的高度，还可以给父元素设置overflow：hidden来解决重叠问题
我们可以使用*{padding:0;margin:0}来去除浏览器的默认样式，我们还需要注意
不能给内联元素设置宽和高,内联元素支持水平方向内边距和边框还有外边距垂直方向也支持但是不会影响布局，大致总结就是水平的都没事，垂直的都不咋好使
接下来要说两个关键字display和visibility，display可以修改元素的类型，可以把内联元素转换成块元素，也可以把块元素转换成内联元素，可选值很多
比如none不显示 block就是块的意思 inline显示为内联元素 ，inline-block行内块元素
img就是一个行内块 不会独占一行
visibility 用来规定元素是否可见 属性hidden隐藏
display和visibility区别 display不占位置 但是 visibility占位置
overflow
overflow:hidden可以处理子元素溢出的内容 要给父元素设置 可选值：visible默认值 不变
hidden 直接把溢出的内容隐藏 scroll滚动 水平和垂直都会滚动，不太智能
auto可以根据需求自动处理滚动 这个比较智能
浮动 用来脱离文档流 ，块元素默认使独占一行的，如果我们想要块元素水平显示，可以使用
float来进行浮动 属性：left向左浮动 right向右浮动 none不浮动 inherit继承父元素的float
