第5章盒子的浮动与定位.pptVIP

（4）fixed：称为固定定位，它和绝对定位类似，只是以浏览器窗口为基准进行定位，也就是当拖动浏览器窗口的滚动条时，依然保持对象位置不变。 5.2.1 静态定位 图5.16 没有设置position属性时的状态 5.2.2 相对定位 1．一个子块的情况 图5.17 一个div设置为相对定定位后的效果 图5.18 以右侧和下侧为基准设置相对定定位 2．两个子块的情况 图5.19 设置为相对定位前的效果 图5.20 两个兄弟div的情况下， 其中一个设置为相对定位后的效果 3．结论 得出下面两条关于“相对定位”的定位原则。 （1）使用相对定位的盒子，会相对于它在原本的位置，通过偏移指定的距离，到达新的位置。 （2）使用相对定位的盒子仍在标准流中，它对父块和兄弟盒子没有任何影响。 图5.21 两个兄弟div都设置为相对定位后的效果 图5.22 在浮动方式下，使用相对定位 5.2.3 绝对定位 介绍了相对定位以后，下面介绍绝对定位（absolute）。 通过上述讲解，可以了解到各种position属性都需要通过配合偏移一定的距离来实现定位，而其中核心的问题就是以什么作为偏移的基准。 1．创建基础页面 2．使用绝对定位 3．浏览器的Bu