position ：
relative
absolute
fixed
static
。
<div id="parent">
<div id="sub1">sub1</id>
<div id="sub2">sub2</id>
</div>
1. relative
relative ， 。 。 ，sub1 sub2 ， sub1 relative ， CSS ：
#sub1
{
position: relative;
padding: 5px;
top: 5px;
left: 5px;
}
， relative ，sub1 ， 。 sub1 position relative ， top，right，bottom，left ，relative “ ” 。
， ，sub1 relative ， 。
，sub2 ？ ， ， sub1 position 。
sub2 position relative， ？ sub1 ， 。
relative margin 。
2. absolute
。 position absolute ， ， 。 ， fixed 。
sub1 position absolute ， ？ ：
（1） sub1 ( ， )parent position ， position absolute relative fixed ， ， ， sub1 parent 。
， ， ， parent ？ parent margin，border，padding ， padding， padding ( padding ) ， margin 。
，sub2 ？ position absolute ， sub1 ， parent ， ， DreamWeaver “ ”， 。 sub2 sub1 ， sub1， parent 。
（2） sub1 position ， body ， ， 。
3. fixed
fixed absolute， fixed body ， 。
4. static
position ， position ， 。