CSS定位
CSS定位属性允许您定位元素。它还可以将元素放在另一个元素之后，并指定当元素的内容太大时应该发生什么。
可以使用顶部，底部，左侧和右侧属性定位元素。但是，除非首先设置position属性，否则这些属性将不起作用。根据定位方法，它们的工作方式也不同。
有三种定位方式：静态、固定、相对定位。
静态定位
HTML元素默认为静态。静态定位元件总是根据页面的正常流动来定位。静态元素不受top bottom left right的影响。
固定定位 fixed
具有固定位置的元素相对于浏览器窗口定位，即使滚动窗口也不会移动。
可以使用顶部，右侧，底部和左侧的一个或多个属性指定位置。
相对定位 relative
相对定位的元件相对于其正常位置定位。顶部，右侧，底部和左侧的属性可用于指定元件如何移动。
绝对定位 absolute
相对于具有position属性设置的父对象的偏移量，不占用原页面空间。
若所有的父对象都没有设置position属性，则以body即浏览器窗口为参照进行定位。
一般，将父元素position设置为relative,子元素设置为absolute，这样子元素可以相对于父元素进行定位，而父元素保持原位（不设置父元素偏移量的话）