¡Ú ¿øÇÏ´Â "X, Y"Ãà ¹æÇâÀÇ ½ºÅ©·Ñ ¾ø¾Ö±â
1. ¾Æ·¡ÀÇ ³»¿ëÀº <IFrame> ±â´ÉÀ¸·Î ºÒ·¯µéÀÎ °á°ú¹° ÀÔ´Ï´Ù
- XÀÇ ½ºÅ©·ÑÀ» HiddenÀ¸·Î ÁöÁ¤ÇÑ °ÍÀÌ°í
- YÀÇ ½ºÅ©·ÑÀ» HiddenÀ¸·Î ÁöÁ¤ÇÑ °ÍÀÔ´Ï´Ù.
¡Ú À̹ø ¿¡Á¦´Â ³»¿ëÀÇ ¾çÀÌ ¸ðÈ£ÇÏ¸é ½ºÅ©·ÑÀÌ XÃà ¶Ç´Â YÃà¿¡ µ¿½Ã¿¡ »ý±â´Â Çö»óÀÌ ÀÖ½À´Ï´Ù.
ÀÌ·±°æ¿ì CSS ÇÑÁÙÀÌ¸é ¿øÇÏ´Â ¹æÇâ¿¡ ½ºÅ©·ÑÀ» °Á¦·Î ¾ø¾Ö´Â ±â´ÉÀÔ´Ï´Ù
¡Ø XÀÇ ½ºÅ©·ÑÀ» HiddenÀ¸·Î ÁöÁ¤ÇÑ °Í |
<html> <head> <title>¿øÇÏ´Â "X"Ãà ¹æÇâÀÇ ½ºÅ©·Ñ ¾ø¾Ö±â</title> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> <style type="text/css"> <!-- #scrollbox {width:400; height:100; overflow:scroll; overflow-X: hidden; padding:0px; border:0px solid black;} --> </style> </head> <body bgcolor="#FFFFFF" text="#000000"> <table width="516" border="0" height="84" cellpadding="0" cellspacing="0" style="border-collapse:collapse"> <tr> <td> <div id="scrollbox" wrap=off> <font size="2"><br> </font> <table width="496" border="0" height="36" cellpadding="0" cellspacing="0" align="center"> <tr> <td height="31" bgcolor="#F6F6F6"><font size="2">±â´Ù¸±¼ö ÀÖ´Â »ç¶û... ±×´ë¿© Áö³³¯ÀÇ ¾ÆÇÄÀº ¸ðµÎ ´Ù Àؾî¿ä<br> ÀÌÁ¦´Â ³»°¡ ±×´ë ½½ÇÄÀ» ÇÔ²² ÇÏ¸ç ¾È¾Æ<br> ÁÙ°Ô ´Ù¸¥ »ç¶÷¿¡°Ô ±×´ë°¡ »ç¶ûÀ» ÁØ ¸¸Å ³»°¡ ±×´ë ´õ »ç¶ûÇÒ°Ô¿ä ³¯ ¸¸³ª±â<br> Àü¿¡ ±× ±íÀº »óó¸¦ ÀÌÁ¨ ÀؾµÅ~~<br> *±×·¯³ª ±×´ë¿© ³ª¿¡°Ô »ç¶ûÀ» ÁֱⰡ ³Ê¹« ¾î·Á¿î°¡¿ä ±×·¸°Ô Èûµç°¡¿ä~~<br> ¾ðÁ¦±îÁö ³ª´Â ±×´ë¸¦ ±â´Ù¸± ¼ö ÀÖ¾î¿ä<br> ÇູÇÒ ¼ö ÀÖ´Ù¸é ±×·¡¼¶°³´Ù¸é ³ ±¦Âú¾Æ<br> ±×´ë°¡ ³Ê¹« Èûµé¾î ¿Ü·ÎÀÌ ´«¹°À» È긮¸é ¿µ¿øÈ÷ °ç¿¡ ÀÖ¾îÁØ´Ù°í ±×´ë¸¦ À§Çؼ <br> »ì¾Æ°¡°Ú´Ù°í ³ª´Â ±âµµÇß¾î~~<br> *(Repeat)<br> ¾ðÁ¦±îÁö ³ª´Â ±×´ë¸¦ ±â´Ù¸± ¼ö ÀÖ¾î¿ä</font> <font size="2"><br> </font> <font size="2">ÇູÇÒ ¼ö ÀÖ´Ù¸é ±×·¡¼ ¶°³´Ù¸é ³ ±¦Âú¾Æ</font></td> </tr> </table> <div align="center"></div> </div> </td> </tr> </table> </body> </html> |
{2}»¡°£»öÀ¸·ÎµÈ ºÎºÐÀ» Àß º¸½Ã¸é {overflow-x: hidden;} ¶ó´Â ºÎºÐµé º¸À̳ª¿ä?
ÀÌ ¼Ò½º¿¡¼ {overflow-x: hidden;} À̶õ ºê¶ó¿ìÀú ÇÏ´Ü¿¡ »ý¼ºµÈ ½ºÅ©·ÑÀ» ¾ø¾Ø´Ù´Â ³»¿ëÀÔ´Ï´Ù.
¸¸¾à {overflow-y: hidden;} À̶ó¸é È¸é ºê¶ó¿ìÀú ¿À¸¥ÂÊ ½ºÅ©·Ñ¹Ù¸¦ ¾ø¾Ö´Â ³»¿ëÀÌ°ÚÁÒ?
¡Ø YÀÇ ½ºÅ©·ÑÀ» HiddenÀ¸·Î ÁöÁ¤ÇÑ °Í |
<html> <head> <title>¿øÇÏ´Â "Y"Ãà ¹æÇâÀÇ ½ºÅ©·Ñ ¾ø¾Ö±â</title> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> <style type="text/css"> <!-- #scrollbox {width:400; height:100; overflow:scroll; overflow-Y: hidden; padding:0px; border:0px solid black;} --> </style> </head> <body bgcolor="#FFFFFF" text="#000000"> <table width="516" border="0" height="84" cellpadding="0" cellspacing="0" style="border-collapse:collapse"> <tr> <td> <div id="scrollbox" wrap=off> <font size="2"><br> </font> <table width="496" border="0" height="36" cellpadding="0" cellspacing="0" align="center"> <tr> <td height="31" bgcolor="#F6F6F6"><font size="2">±â´Ù¸±¼ö ÀÖ´Â »ç¶û... ±×´ë¿© Áö³³¯ÀÇ ¾ÆÇÄÀº ¸ðµÎ ´Ù Àؾî¿ä<br> ÀÌÁ¦´Â ³»°¡ ±×´ë ½½ÇÄÀ» ÇÔ²² ÇÏ¸ç ¾È¾Æ<br> ÁÙ°Ô ´Ù¸¥ »ç¶÷¿¡°Ô ±×´ë°¡ »ç¶ûÀ» ÁØ ¸¸Å ³»°¡ ±×´ë ´õ »ç¶ûÇÒ°Ô¿ä ³¯ ¸¸³ª±â<br> Àü¿¡ ±× ±íÀº »óó¸¦ ÀÌÁ¨ ÀؾµÅ~~<br> *±×·¯³ª ±×´ë¿© ³ª¿¡°Ô »ç¶ûÀ» ÁֱⰡ ³Ê¹« ¾î·Á¿î°¡¿ä ±×·¸°Ô Èûµç°¡¿ä~~<br> ¾ðÁ¦±îÁö ³ª´Â ±×´ë¸¦ ±â´Ù¸± ¼ö ÀÖ¾î¿ä<br> ÇູÇÒ ¼ö ÀÖ´Ù¸é ±×·¡¼¶°³´Ù¸é ³ ±¦Âú¾Æ<br> ±×´ë°¡ ³Ê¹« Èûµé¾î ¿Ü·ÎÀÌ ´«¹°À» È긮¸é ¿µ¿øÈ÷ °ç¿¡ ÀÖ¾îÁØ´Ù°í ±×´ë¸¦ À§Çؼ <br> »ì¾Æ°¡°Ú´Ù°í ³ª´Â ±âµµÇß¾î~~<br> *(Repeat)<br> ¾ðÁ¦±îÁö ³ª´Â ±×´ë¸¦ ±â´Ù¸± ¼ö ÀÖ¾î¿ä</font> <font size="2"><br> </font> <font size="2">ÇູÇÒ ¼ö ÀÖ´Ù¸é ±×·¡¼ ¶°³´Ù¸é ³ ±¦Âú¾Æ</font></td> </tr> </table> <div align="center"></div> </div> </td> </tr> </table> </body> </html> |