学习心得

相对定位：这种定位方式下元素不脱离文档流，仍然保持其未定位前的形态并且保留它原来所占空间。
偏移时以自身位置的左上角作为参照物，通过left、top、right和bottom四个方向的属性来定义偏移的位置。
下面通过比较定位前和定位后的两种状态来分析相对定位的效果。
绝对定位：这种定位方式下元素将脱离文档流，不占据空间，文档流中的后续元素将填补它留下的空间。
下面通过比较定位前和定位后的两种状态来分析绝对定位的效果
上下文定位
只有将元素的position属性设置为relative、absolute或fixed，这个元素的top、right、bottom和left属性才会起作用。
事实上，只要把元素的外边距和内边距设定好，多数情况下只用静态定位就足以实现页面布局了。