关于探悉探悉绝对定位和相对定位在网页中运用学年

摘要：CSS中的position属性可以控制一个网页浏览器在任何位置显示特定的元素。本文探讨的是position属性中绝对定位和相对定位方式在网页中的应用。
关键词：CSS定位；绝对定位；相对定位
1007-9599 （2013） 02-0000-02
CSS中的position属性可以控制一个网页浏览器在任何位置显示特定的元素。例如：利用position属性，可以把一个工具条放在网页上任意的位置，并且能够确保访问者滚动网页时也不会改变其位置。position属性可以实现四种定位方法：绝对定位（absolute）、相对定位（relative）、固定定位（fixed）和静态定位（static）。本文探讨的是最常用也是最实用的两个定位方法，即：绝对定位和相对定位方式在网页中的应用。

1 绝对定位

2 相对定位
3不占位的相对定位
这时b已经实现了不占位的相对定位。为了能够实现这样的效果，我们对于父对象layout设置了相对定位（position：relative；），但没有设定它的top和left值，所以仍然可以当做浮动对象使用。同时将b对象的定位方式设置为绝对定位（position：absolute；）；由于绝对定位的父对象变成了layout，所以

源于：期刊论文www.udooo.com

不再针对浏览器进行绝对定位，从而达到需要的效果。使用这种方式，父级对象layout必须设置有效的宽度和高度。
在实际的应用中，可能存在的情况有很多，随着布局数量和复杂度的提升，我们将更好的理解这两种定位方式和使用方法。
参考文献：
李超.CSS网站布局实录（第二版），科学出版社，2007.
袁磊.陈伟卫.网页设计与制作实例教程，2008.
[3]俞黎敏（译），CSS实战手册，2007.