position　　用于设置对象的定位方式　　可用值：static/absolute/relative
对页面中的每一个对象而言，默认position属性都是static。
如果将对象设置为position:absolute，对象将脱离文档流，根据整个页面的位置进行重新定位。当使用此属性时，可以使用top,right,bottom,left即上右下左四个方向的距离值，以确定对象的具体位置，看如下CSS： 

#layout { 

    position:absolute; 

    top:20px; 

    left:0px; 

}


如果#layout使用了position:absolute;将会变成绝对定位模式，与此同时，当设置top:20px;时它将永远离浏览器窗口的上方20px，而left:0px;将保证它离浏览器左边距为0px。。

注意：一个对象如果设置了position:absolute;它将从本质上与其他对象分离出来，它的定位模式不会影响其它对象，也不会被其它对象的浮动定位所影响，从某种意义上说，使用了绝对定位之后，对象就像一个图层一样浮在了网页之上。

绝对定位之后的对象，不会再考虑它与页面中的浮动关系，只需要设置对象的top,right,bottom,left四个方向的值即可。 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 

<title>三列左右固定宽度中间自适应——AA25.CN</title> 

<style> 

body{ 

 margin:0px; 

} 

#left { 

 background-color: #E8F5FE; 

 border: 1px solid #A9C9E2; 

 height: 400px; 

 width: 200px; 

 position: absolute; 

 top: 0px; 

 left: 0px; 

} 

#center { 

 background-color: #F2FDDB; 

 border: 1px solid #A5CF3D; 

 height: 400px; 

 margin-right: 202px; 

 margin-left: 202px; 

} 

#right { 

 background-color: #FFE7F4; 

 border: 1px solid #F9B3D5; 

 height: 400px; 

 width: 200px; 

 position: absolute; 

 top: 0px; 

 right: 0px; 

} 

</style> 

</head> 


<body> 

<div id="left">左列</div> 

<div id="center">中列——AA25.CN</div> 

<div id="right">右列</div> 

<!--本文章来自WWW.AA25.CN--> 

</body> 

</html>