|
|
[ div ] ű×ÀÇ float ¼Ó¼º ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- <div>ű׸¦ float·Î ¾²¸é ÀÚ½ÅÀÌ °¡Áø ÄÁÅÙÃ÷ ¾ç¸¸Å¸¸ ³Ð¾îÁø´Ù. float¸¦ ¾²¸é block°ú inline°³³äÀÌ ¾Æ¿¹ ¾ø¾îÁüÀ» À¯ÀÇÇÑ´Ù. float´Â ·¹À̾ƿôÀ» ÀâÀ» ¶§ ¾´´Ù. width¿Í height °ªÀ» ¾´´Ù. width¿Í height°ªÀ» ¾²Áö ¾ÊÀ¸¸é ÄÁÅÙÃ÷ ¾ç¸¸Å¸¸ ³Ð¾îÁø´Ù. float¸¦ ¾µ ¶§´Â ²À float¸¦ ¾´ ű×ÀÇ ºÎ¸ð¿ä¼Ò¿¡µµ ¾Ë·Á¾ß Çϰųª float¼±¾ðÀ» ÇØÁ¦½ÃÄÑÁà¾ß ÇÑ´Ù. ±×·¸Áö ¾ÊÀ¸¸é ºÎ¸ðdiv´Â ÀÚ½ÄÀ» Á¦´ë·Î °¨½ÎÁö ¸øÇÏ¿© ´ÙÀ½¿¡ ¿À´Â ¿ä¼Òµé°úÀÇ ·¹À̾ƿôÀÌ ±úÁö´Â Çö»óÀÌ ¹ß»ýÇÑ´Ù. À̸¦ ÇØ°áÇÏ´Â ¹æ¹ýÀº ¿©·¯°¡Áö°¡ ÀÖ°í ±× Áß ÀûÀýÇÑ ¹æ¹ýÀ» ¾²¸é µÈ´Ù. ¹æ¹ý1. float µÇ¾úÀ½À» ÇüÁ¦ Level¿¡ ¾Ë·ÁÁØ´Ù. clear:both´Â float»óÅ¿¡¼ ¹þ¾î³ª º»·¡ÀÇ div¼Ó¼ºÀÎ blockÈ µÇ¾î À§Ä¡°¡ ¿£ÅÍ »óÅ°¡ µÈ´Ù. ´ëÇ¥ÀûÀ¸·Î ǪÅÍ¿µ¿ª¿¡¼ ¾²ÀÏ ¼ö ÀÖ´Ù.
¹æ¹ý2.
¹æ¹ý3. ´ëÇ¥ÀûÀ¸·Î <li>ű׸¦ ÀÌ¿ëÇÏ¿© ¸®½ºÆ®¸¦ ¸¶Å©¾÷ÇÒ¶§ ¸¹ÀÌ ¾²ÀδÙ.
´ëºÎºÐ ¹æ¹ý3À» ±âÁØÀ¸·Î ¾²µÇ »óȲ¿¡ µû¶ó ¹æ¹ý2¿Í ¹æ¹ý3À» ¾²µµ·Ï ÇÑ´Ù. ÅÇ ¸¸µé±â -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
|