CSS样式重叠

CSS元素的重叠常用于页面布局

重叠方式有两种：

方法1、设置margin

给元素设置负margin使其移动后 原来的位置是不会保留的

负margin可以让元素的占用空间变小 后面的元素可以覆盖当前的元素

设置前：

设置了margin-top为负数使其网上偏移

设置后：

方法2、相对定位和绝对定位

相对定位（position: relative）：原来位置保留 并且不会挤到其他元素，只会重叠

绝对定位（position: absolute）：不保留原来位置 脱离页面流

top，right，bottom，left这4个定位偏移属性进行偏移