CSS定位

          定位分为相对定位，绝对定位，固定定位。

    1:相对定位（relative）,元素设置了相对定位后,将会根据元素原来的位置进行偏移,会覆盖其他元素的位置,元素本身的位置还占据在文档中。元素还存在于文档流中。

    2:绝对定位(absolute),元素设置了绝对定位后,元素将会脱离文档流，不占据空间，其他元素将会顶替它的位置。绝对定位相对于离元素最近的设置了定位的父级元素进行定位。加入父元素都没有设置定位，则是相对于body进行定位。

    3:固定定位（fixed),元素设置了固定定位后，元素相对于页面左上角进行定位，且滑动页面时，元素的位置不会移动。

    4:父亲元素设置了overflow:hidden属性后，子元素宽度和高度如果超过父元素，超过部分将会被隐藏，默认overflow是none，子元素会超出父元素。如果父亲元素设置了overflow:hidden属性后，子元素还想可以保留本来的宽度和高度，这时候可以对子元素设置position:absolute,子元素将会超出父元素（by 梦姐老师），设置成相对定位是没有效果的，因为相对定位还是文档流。