元素在页面上的定位

定位

1. 相对定位

   书写格式：position: relative ;

   left: xx px;

   top: xx px;

2. 绝对定位:脱离文档流；默认的(0,0)点在body的左上角；

   书写格式：position:absolute;

   left: xx px;

   top: xx px;

   注意：绝对定位元素以包含它并离它最近的非静态定位元素的(0，0)点作为它的(0，0)点

3. 固定定位：脱离文档流；宽高可设，默认的(0，0)点在视口（viewport）的（0，0）点

   书写格式：position:fixed;

   left: xx px;

   top: xx px;

   注意：常用场景：多个元素重叠；