W3CÁ¤»óÈ帧¿¡¼­ ¹Ú½ºµéÀÇ °ãħ¿¡ ¾î¶»°Ô À¯µ¿µÇ´Â°¡ÀÇ ±ä ¼³¸íTrio ȨÆäÀÌÁö 

ÀÌ µµÇ¥´Â Á¤»óÈ帧¿¡¼­ µÎ ¹®´ÜµéÀÇ °ãÄ¡(overlap)´Â º¸´õµéÀÇ À¯µ¿(floating) À̹ÌÁö¸¦ ¼³¸íÇÑ´Ù: ±× ¹®´Ü º¸´õµéÀº À̹ÌÁöÀÇ Åõ¸íÇÏÁö ¾ÊÀº ºÎºÐµé¿¡¼­ Àß·ÁÁø´Ù.
µÎ¹ø° ¹®´Ü(paragraph)Àº 'clear' Ư¼ºÀ¸·Î °­Á¦Àû·Î ¾Æ·¡·Î È帣°Ô ÇÏ¿´´Ù.

Á¤»óÈ帧(normal flow)¿¡ µÎ ¹®´ÜµéÀÌ Àִµ¥, °¢ ÁÖÀ§¿¡ Àû»ö º¸´õ(border)·Î °¨½ÎÁø´Ù.
¿ÞÂÊÀ¸·Î À¯µ¿ÇÏ´Â À̹ÌÁöÀÇ À§ÂÊ ¹®´Ü ÃÖÁ¾ ¼¼ ÁÙÀº ±× ¿À¸¥ÂÊ ¸é(side)À» µû¶ó À¯µ¿ÇÑ´Ù.
¹®´Ü º¸´õµéÀº ±× À̹ÌÁö(image) ¹Ú½º ¸¶Áø(margin) Áö¿ª¿¡ ºñÃÄ º¸ÀδÙ.
±×·¯³ª À̹ÌÁö ³»¿ë(content) Áö¿ªÀÇ Åõ¸íÇÏÁö ¾ÊÀº ºÎºÐÀ» Àß·Á(clip)Áø´Ù.

µÎ¹ø° ¹®´ÜÀº Á¤»óÀ¸·Î È帣´Âµ¥, À̹ÌÁöÀÇ ¹Ù´Ú(bottom) ¸¶Áø ¾Æ·¡¿¡¼­ ½ÃÀÛÇÑ´Ù.
µÎ¹ø° ¹®´Ü ¸ÇÀ§(top) ¸¶ÁøÀº ±× ¾Õ ¹®´ÜÀÇ ¹Ù´Ú ¸¶Áø°ú ¸¸³ªµµ·Ï ´Ã·Á(stretch)Áø´Ù.

À̹ÌÁö·Î µ¹¾Æ°¨   ¿ø¹® : È­ÀÏ À§Ä¡
ÀÌ Trio ȨÆäÀÌÁö ¹®¼­()´Â
ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ.