<HTML> <BODY> <!-- «D¼ÐÅÒ¥]ÂаϬq¶}©l --> 12345678901234567890123456789012345678901234567890 12345678901234567890123456789012345678901234567890 <!-- «D¼ÐÅÒ¥]ÂаϬqµ²§ô --> <!-- ²Ä¤@¼h¥]ÂаϬq¶}©l --> <DIV STYLE="background-color:yellow;color:black; width:25em;position:static;"> 12345678901234567890123456789012345678901234567890 12345678901234567890123456789012345678901234567890 <!-- ²Ä¤G¼h DIV °Ï¬q¶}©l --> <DIV STYLE="background-color:green;color:white; width:10em;position:static;"> 12345678901234567890 12345678901234567890 12345678901234567890 </DIV> <!-- ²Ä¤G¼h DIV °Ï¬qµ²§ô --> 12345678901234567890123456789012345678901234567890 123456789012345678901234567890 <!-- ²Ä¤G¼h SPAN °Ï¬q¶}©l --> <SPAN STYLE="background-color:red;color:blue; position:static;"> 1234567890 </SPAN> <!-- ²Ä¤G¼h SPAN °Ï¬qµ²§ô --> 12345678901234567890 12345678901234567890123456789012345678901234567890 </DIV> <!-- ²Ä¤@¼h¥]ÂаϬqµ²§ô --> <!-- «D¼ÐÅÒ¥]ÂаϬq¶}©l --> 12345678901234567890123456789012345678901234567890 12345678901234567890123456789012345678901234567890 <!-- «D¼ÐÅÒ¥]ÂаϬqµ²§ô --> </BODY> </HTML>§Ú̦b¤TÓ¼ÐÅҰϬqªº psoition Äݩʥýºû«ù CSS ªº¹w³]ÄÝ©Ê static ¡A¤]´N¬O©M¤£¥[ position ³]©w¬O¤@¼Ëªº¡C¥¦¬Ý°_¨Óªº®ÄªG½Ð«ö ³oùØ¡C ¥Õ©³ªí BODY °Ï¡A¶À©³ªí²Ä¤@¼h DIV °Ï¬q¡Aºñ©³ªí²Ä¤G¼h DIV °Ï¬q¡A¬õ©³ªí²Ä¤G¼h SPAN °Ï¬q¡C
<!-- ²Ä¤G¼h DIV °Ï¬q¶}©l --> <!-- ¬° DIV °Ï¬q¼W¥[©w¦ìÂIÄݩʡA¦ý position=static ºû«ù¤£ÅÜ¡C --> <DIV STYLE="...left:1em;top:1em;position:static;..."> ...... </DIV> <!-- ²Ä¤G¼h DIV °Ï¬qµ²§ô --> ................................ <!-- ²Ä¤G¼h SPAN °Ï¬q¶}©l --> <!-- ¬° SPAN °Ï¬q¼W¥[©w¦ìÂIÄݩʡA¦ý position §ï¬° absolute ¡C --> <SPAN STYLE="...left:2em;top:2em;position:absolute;..."> ...... </SPAN> <!-- ²Ä¤G¼h SPAN °Ï¬qµ²§ô -->§Ú̦P®É¬° DIV ©M SPAN ¼ÐÅÒ³]©w·sªº©w¦ìÂI¡A¦ý DIV position ºû«ùì static È¡A SPAN ªº position «o§ï¦¨ absolute ¡A¸g¹L¦p¦¹§ïÅÜ«á¡A¥¦ªºÅã¥Üµ²ªG½Ð«ö ³oùØ¡C ¥Ñ¦¹¥iª¾¡ASPAN ¦]¬° position §ï¬° absolute ¡A©Ò¥H·í§ÚÌ«ü©w¤F¥¦ªº©w¦ìÂI®É¡A ´N·|¥H°Ñ¦ÒÂI¬°°ò·Ç(°Ñ¦ÒÂI¥H¦ó³B¬°°ò·Ç¡A²o¯A¤÷¤¸¥óªº position ÄݩʡA¦pªG¤£¦Ò¼{ ¤÷¤¸¥ó¼vÅT¡A©Ò¦³¼ÐÅÒªº¹w³]ª¬ºA¬O¥Hºô¶µøµ¡ªº left:0,top:0 ¬°°Ñ¦ÒÂI¡C)¡A²¾°Ê ¨ì¬Û¹ï¦ì¸m¥h¡C¦ý¦]¬° DIV °Ï¬q position ¬° static ¡A©Ò¥H¥¦ªº©w¦ìÂI¤£¨ü CSS ©w¦ìÂI³]©w¼vÅT¡A¦Óºû«ùìºô¶¦U¼ÐÅÒ¶¶§Ç±Æ¦C®É¡A¥ÑÂsÄý¾¹pºâ¥X¨Óªº¶¶§Ç±Æ¦C¦ì¸m ¡A°µ¬°¥¦ªº©w¦ìÂI¡C³o¤]¦P®É¦^µª¤F¤@Ó°ÝÃD¡A´N¬O·í¤@Ó position=absolute ªº¼ÐÅÒ ¡A«o¨S¦³°µ top or left ªº©w¦ìÂI³]©w®É¡A¥¦ªº©w¦ìÂI¥i¤£¬Oµ¥©ó¹s¡A¦Ó¬Oµ¥©ó¦b static ª¬ºA¤U¡AÂsÄý¾¹¬°¥¦pºâ¥X¨Óªº¶¶§Ç±Æ¦C¦ì¸m¡C
<!-- ²Ä¤G¼h DIV °Ï¬q¶}©l --> <!-- ¬° DIV °Ï¬q position=absolute¡A¦ý¤£°µ©w¦ìÂI³]©w¡C --> <DIV STYLE="...position:absolute;..."> ...... </DIV> <!-- ²Ä¤G¼h DIV °Ï¬qµ²§ô --> ................................ <!-- ²Ä¤G¼h SPAN °Ï¬q¶}©l --> <!-- ¬° SPAN °Ï¬q position=absolute¡A¦ý¤£°µ©w¦ìÂI³]©w¡C --> <SPAN STYLE="...position:absolute;..."> ...... </SPAN> <!-- ²Ä¤G¼h SPAN °Ï¬qµ²§ô -->§ó§ï«áªº°õ¦æ®ÄªG½Ð«ö ³oùØ¡C ¦b®ÄªG¶¤¤¡A¬õ¦âªº SPAN ÁÙ¤£¤Ó©úÅã¡A¦ý¦b DIV °Ï¬q¡A쥻¤÷¤¸¥ó¶À©³¦â°Ï¬q³Q ºñ©³¦âªº°Ï¬q¤À°µ¨âӰ϶ô¡A¦ý¦]ºñ©³¦âªº DIV ³]©w¤F STYLE="position:absolute;" ¡A©Ò¥H¾ãÓ¶À¦â°Ï¶ô¤S¦bºñ°Ï¶ôªºI«á¦X¦¨¤F¤@¶ô¡A³o¬O¦]¬°ºñ©³¦â°Ï¬q¬J¦] absolute §@¥Î²£¥Í¤F¯B°Êªº®ÄªG¡A¥¦ì¨Ó¦û¥Îªº°Ï°ì¡A´N³Q¥¦«á±ªººô¶¤¸¥ó¦û¥Î¡A¦Ó¨Ï¥¦«á± ªººô¶¤¸¥ó²£¥Í¤F©w¦ì«e²¾ªº§@¥Î¡A³o´N¬O absolute Äݩʹï¬Û¾F¤¸¥óªº¼vÅT¡C
<!-- ²Ä¤G¼h DIV °Ï¬q¶}©l --> <!-- ¬° DIV °Ï¬q position=absolute¡A¼W¥[©w¦ìÂI³]©w¡C --> <DIV STYLE="...left:1em;top:1em;position:absolute;..."> ...... </DIV> <!-- ²Ä¤G¼h DIV °Ï¬qµ²§ô --> ................................ <!-- ²Ä¤G¼h SPAN °Ï¬q¶}©l --> <!-- ¬° SPAN °Ï¬q position=relative¡A¼W¥[©w¦ìÂI³]©w¡C --> <SPAN STYLE="...left:2em;top:2em;position:relative;..."> ...... </SPAN> <!-- ²Ä¤G¼h SPAN °Ï¬qµ²§ô -->°õ¦æµ²ªG½Ð«ö ³oùØ¡C ¬Û«H¬Ý¤F®ÄªG§e²{§A´N©ú¥Õ¤F¡A¤£»Ý§Ú¦A¦h°µ¸ÑÄÀ¡C(IE ªº¨Ï¥ÎªÌ½Ð©M«e¤@®ÄªG¶¹ï·Ó ¡A§Y¥i©ú¥Õ absolute ©M relative ¹ï¬Û¾F¤¸¥ó¦ì²¾ªº¼vÅT¡C)
<!-- ²Ä¤@¼h¥]ÂаϬq¶}©l¡Aposition §ï¬° absolute¡C --> <DIV STYLE="background-color:yellow;color:black; width:25em;position:absolute;"> <!-- ²Ä¤G¼h DIV °Ï¬q¶}©l --> <DIV STYLE="...left:1em;top:1em;position:absolute;..."> ...... <!-- ²Ä¤G¼h SPAN °Ï¬q¶}©l --> <SPAN STYLE="...left:2em;top:2em;position:absolute;..."> ...... </DIV> <!-- ²Ä¤@¼h¥]ÂаϬqµ²§ô -->§ó§ï«áÅÜ§ó¬° ³oӼˤl ¡A©Î³\³s²Ä¤@¼h DIV ³£¦A©w¦ì¤@¤U¡AÅý¤l¤¸¥ó¸òµÛ¤@°_¶]¡A¥¦¬O ³oӼˤlªº¡C