|
|
float: left³ª float: rightµÈ element´Â Áß¾Ó Á¤·ÄÀÌ µÇÁö ¾Ê½À´Ï´Ù. ¹°·Ð width¸¦ Á༠margin¸¦ ÀÌ¿ëÇÏ¸é µË´Ï´Ù. ÇÏÁö¸¸ ¸Å¹ø width¸¦ ¼öÁ¤ÇÏ´Â°Ç ·¹¾Ë ±ÍÂú½À´Ï´Ù. °£´ÙÇÏ°Ô float: right/left, position: relative ±×¸® °í left: +-50%¸¦ ÀÌ¿ëÇؼ ÇØ°á ÇÒ ¼ö ÀÖ½À´Ï´Ù. ¿åµ¢ÀÌ 6 ¿¡¼µµ Àß µ¹¾Æ°¡´Â°É È®ÀÎÇß½À´Ï´Ù. ¿¹) <style type=text/css> #test { float: right; position: relative; left: -50%; } #test li { float: left; position: relative; left: 50%; border: 1px solid red; } </style> <ul id="test"> <li>¾ÆÀÌÀ¯</li> <li>È¿´À´Ô</li> <li>¼öÁö</li> <li>¸®Áö</li> <li>µÅÁö</li> </ul> |