100分送分的问题，刚学，css的absolute和relative的问题，少看一些资料明白，越看多，越不明白？

div { position:relative; top:-3px } 

<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>