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