·¹À̾î left,top .................................................
·¹À̾î À§Ä¡¸¦ ÀâÀ¸·Á¸é left,top À» »ç¿ëÇÑ´Ù.
absolute¿¡¼ ÀÌ °ªÀ» »ç¿ëÇÏ¸é ºê¶ó¿ìÀú âÀ» ±âÁØÀ¸·Î À§Ä¡¸¦ Àâ±â ¶§¹®¿¡ ±âÁ¸ º»¹®³»¿ë°ú µ¿ ¶³¾îÁ® µû·Î ¿òÁ÷ÀÏ ¼ö°¡ ÀÖ´Ù. ƯÈ÷ º»¹®ÀÌ °¡¿îµ¥ Á¤·ÄÀÏ °æ¿ì !!!
relative¿¡¼´Â »óÀ§ÅÂ±× ±âÁØÀ̹ǷΠ»óÀ§Å±׳»¿¡¼ Ç×»ó ÀÏÁ¤ÇÑ À§Ä¡¿¡ ·¹À̾ ³õÀÌÁö¸¸....
absolute ¿¡¼ ·¹À̾ ºê¶ó¿ìÀú ±âÁØÀÌ ¾Æ´Ñ Ç×»ó º»¹® ³»¿ëÀÇ ÀÏÁ¤ÇÑ ºÎºÐ¿¡ À§Ä¡½ÃÅ°°í ½Í´Ù¸é left, top À» ÁöÁ¤ÇÏÁö ¾Ê´Â°Ô ÁÁÀº ¹æ¹ýÀÌ´Ù!!!!! |
¡á absolute ¿¡¼ º»¹®³»¿ëÀÇ ¿øÇÏ´Â À§Ä¡¿¡ ·¹ÀÌ¾î ³õ±â
* ¾Æ·¡´Â °°Àº ·¹À̾ 3°³ÀÇ ÄÀ» °¡Áø Å×ÀÌºí¿¡ ³Ö¾îº» °ÍÀÌ´Ù. * tableű׸¦ Àß È°¿ëÇÏ¸é º»¹®³»¿ë°ú Ç×»ó ÀÏÄ¡ÇÏ´Â °÷¿¡ ·¹À̾ »ç¿ëÇÒ ¼ö ÀÖ´Ù.
* left ,top ¼³Á¤ ¾øÀ½! |
<div id="Layer1" style="position:absolute; width:100px; height:50px; z-index:1; border: 1px dotted #ff33ff; visibility: visible;"></div> |
¡á relative ¿¡¼´Â º»¹®³»¿ë ¼Ó¿¡ ·¹À̾ ºñÁý°í µé¾î°¡¹Ç·Î ·¹ÀÌ¾î ¼ÓÀÇ ³»¿ëÀÌ ±× »çÀÌ¿¡ µé¾î¿Íµµ ÁÁÀº Áö¸¦ º¸°í À§Ä¡¸¦ Àâ¾Æ¾ß ÇÑ´Ù.
* left,top À¸·Î »óÀ§ÅÂ±× ±âÁØÀ¸·Î À§Ä¡¸¦ ÁÙ ¼ö ÀÖ´Ù. |
<div id="Layer2" style="position:relative; width:200px; height:50px; z-index:1; border: 1px dotted #ff33ff; visibility: visible;" left:0 ; top:0></div> |
·¹ÀÌ¾î ¾ÕÀÇ ³»¿ë
·¹ÀÌ¾î µÚÀÇ ³»¿ë |
<div id="Layer2" style="position:relative; width:200px; height:80px; z-index:1; border: 1px dotted #ff33ff; visibility: visible;" left:30 ; top:30></div> |
·¹ÀÌ¾î ¾ÕÀÇ ³»¿ë
·¹ÀÌ¾î µÚÀÇ ³»¿ë |
relativeÀÎ °æ¿ì ¾Æ·¡ ¿¹Á¦´Â »óÀ§ ű×ÀÎ td¿¡¼ left·Î 30, top ¿¡¼ 30 ¶³¾îÁø °÷¿¡ À§Ä¡ÇÏ°Ô µÈ´Ù.
left °ªÀº µµ¿òÀÌ µÉ ¼ö ÀÖÁö¸¸ top °ªÀº ³»¿ë°ú ÀÌ»óÇÑ ¹èÄ¡°¡ ÀϾ ¼ö ÀÖ´Ù. |
----------------------------------------------------------------------
ÈÄÃâó
-¿Â¶óÀÎ ÆǸÅÀÚµéÀÇ Ä¿¹Â´ÏƼ ¼¿Å¬·´ http://sellclub.co.kr
-¿Â¶óÀÎ ¼º°øÃâ¹ßÁö µµ¸Å»óÇ°°ø±Þ ¼¿ÇÁ¸® http://sellfree.co.kr
Ãâó°¡ ³ª¿ÍÀÖÁö¾ÊÀº ±ÛÀº Ãâó°¡ ºÒºÐ¸íÇÏ¿© µî·ÏÇÏÁö¸øÇÏ¿´½À´Ï´Ù. ÀúÀÛÀÚ, ±ÛÀÇ Ãâó¿¡¼ ¼öÁ¤¹× »èÁ¦¿äûÇÏ½Ã¸é ¹Ù·Î¼öÁ¤ÇÏ°Ú½À´Ï´Ù. ´Ù¸¥°÷¿¡¼ ±ÛÀ» ÀÌ¿ëÇҽÿ¡´Â ²À Ãâó¸¦ °°ÀÌ º¹»çÀÌ¿ë ¹Ù¶ø´Ï´Ù.