Question

div定位，各个定位方式有什么具体区别

相对定位，固定定位，静态定位，这三者之间有什么区别。各个情况一般是在什么情况下使用，怎么使用。谢谢了，我新手

Answer 1

div定位css样式position有static（静态定位）、absolute（绝对定位）、relative（相对定位）

static（静态定位） : 默认值。无特殊定位，对象遵循HTML定位规则

absolute（绝对定位） : 将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body 对象。而其层叠通过 z-index 属性定义

relative（相对定位） : 对象不可层叠，但将依据 left ， right ， top ， bottom 等属性在正常文档流中偏移位置

下面是一个例子：
<style>
#idParentDIV{width:100%;height:80px;padding:6px;background-color:buttonshadow;position:relative;}
#idDIV{width:80%;height:40px;background-color:#FF6633;color:#FFFFFF;padding:4px;margin:8px;bottom:9px;}
#idCodeDiv{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}
</style>

<script>
var sAdditional="margin : 4px ; bottom : 9px ;";
function rdl_change(e){
var oCodeDiv=document.all("idCodeDiv");
var oDiv=document.all("idDiv");
with (document.all("idSel")){
if (selectedIndex!=0) var sValue=options[selectedIndex].value;
else var sValue="static"
}
oDiv.style.position=sValue;
oCodeDiv.innerText=sAdditional+"\r\n"+"position : "+sValue+";";
}
</script>

<div id=idParentDIV><div id=idDIV>请从下方选择我的<b> position </b>值。</div></div>
<br>
<select id="idSel" onchange="rdl_change();">
<option value="null">---请选择---
<option value="static">static
<option value="absolute">absolute
<option value="relative">relative
</select>
<br>
<div id=idCodeDiv>margin : 4px ; bottom : 9px ;<br>position : static ;</div>

Answer 2

相对定位，固定定位，静态定位均不推荐使用
相对定位会在下方留出定位块相同大小的空白
固定定位在仍是主流浏览器的IE6中没有效果，不过在IE7和FF中可以实现固定在一个位置的效果
至于静态定位似乎没有什么效果，只是按照HTML排列顺序排列