position属性详解。
position 属性把元素放置到一个静态的、相对的、绝对的、或固定的位置中。
static： 默认。位置设置为 static 的元素，它始终会处于页面流给予的位置（static 元素会忽略任何 top、bottom、left 或 right 声明）。
relative： 位置被设置为 relative 的元素，可将其移至相对于其正常位置的地方，因此 “left:20″ 将向元素的 LEFT 位置添加 20 个像素。
absolute： 位置设置为 absolute 的元素，可定位于相对于包含它的元素的指定坐标。此元素的位置可通过 “left”、”top”、”right” 以及”bottom” 属性来规定。
fixed： 位置被设置为 fixed 的元素，可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 “left”、”top”、”right” 以及”bottom” 属性来规定。不论窗口滚动与否，元素都会留在那个位置。工作于 IE7（strict 模式）。
补充说明：
Relative：相对父级相对定位，不可重叠。因为此时当前对象依然处在正常文档流中（当position定义为static的时候也一样），所以float和clear属性依然对其有作用。
Absolute:相对父级绝对定位，可以重叠。脱离正常文档流，开辟新的层面。所以float和clear属性对其已经失去意义。
Position被定义为以上四种值的对象之间，可以根据不同的需求，相互包含。例如：
代码四：<html xmlns=”http://www.w3.org/1999/xhtml”><head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>测试</title>
</head>
<body leftmargin=”0″ topmargin=”0″ style=”margin-top:0px; margin-left:0px;”>
<div style=”width:100px; height:100px; background:#920090;float:left; position:relative;”>
<span style=”top:20px;left:20px;display:block;position:absolute;background:#ffff90;”>dsfsdf</span>
</div>
</body></html>
div+css布局要素：文档流position属性、父级对象和同级对象。从学div+css以来，一直对position几个属性的理解不够清晰。自己对position这一属性有了更深入和清晰的认识，同时让自己对整个div+css布局有了更深入的认识。
css div布局要素：文档流position属性 父级对象和同级对象
position属性详解。
position 属性把元素放置到一个静态的、相对的、绝对的、或固定的位置中。
static： 默认。位置设置为 static 的元素，它始终会处于页面流给予的位置（static 元素会忽略任何 top、bottom、left 或 right 声明）。
relative： 位置被设置为 relative 的元素，可将其移至相对于其正常位置的地方，因此 “left:20″ 将向元素的 LEFT 位置添加 20 个像素。
absolute： 位置设置为 absolute 的元素，可定位于相对于包含它的元素的指定坐标。此元素的位置可通过 “left”、”top”、”right” 以及”bottom” 属性来规定。
fixed： 位置被设置为 fixed 的元素，可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 “left”、”top”、”right” 以及”bottom” 属性来规定。不论窗口滚动与否，元素都会留在那个位置。工作于 IE7（strict 模式）。
补充说明：
Relative：相对父级相对定位，不可重叠。因为此时当前对象依然处在正常文档流中（当position定义为static的时候也一样），所以float和clear属性依然对其有作用。
Absolute:相对父级绝对定位，可以重叠。脱离正常文档流，开辟新的层面。所以float和clear属性对其已经失去意义。
Position被定义为以上四种值的对象之间，可以根据不同的需求，相互包含。例如：
代码四：
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>测试</title>
</head>
<body leftmargin=”0″ topmargin=”0″ style=”margin-top:0px; margin-left:0px;”>
<div style=”width:100px; height:100px; background:#920090;float:left; position:relative;”>
<span style=”top:20px;left:20px;display:block;position:absolute;background:#ffff90;”>dsfsdf</span>
</div>
</body></html>
div+css布局要素：文档流position属性、父级对象和同级对象。从学div+css以来，一直对position几个属性的理解不够清晰。自己对position这一属性有了更深入和清晰的认识，同时让自己对整个div+css布局有了更深入的认识。