overflowÔÚCSSÖеÄÒâ˼ºÍÓ÷¨
overflow´Ó×ÖÃæÒâÒåÉÏÀ´½²¾ÍÊÇÒç³öµÄÒâ˼唄£¬»»¾ä»°Ëµ£¬ÄãÓиö²ã£¬µ«ÊÇÀïÃæµÄÄÚÈÝ£¬Í¼Æ¬»òÕßÎÄ×ÖÒª±È²ã´ó£¬overflow¾ÍÊÇÕë¶ÔÕâÖÖÇé¿ö½øÐд¦ÀíµÄ¡£
°üº¬4¸öÊôÐÔÖµ£¬visible,hidden,auto,scroll
visible¾ÍÊdz¬³öµÄÄÚÈÝÈÔÈ»Õý³£±»ÏÔʾ³öÀ´¡£
hidden¾ÍÊdz¬³öµÄÄÚÈݱ»Òþ²Ø¡£
autoÊÇĬÈÏÖµ£¬¸ù¾ÝÄÚÈݼôÇлòÕß¼Ó¹ö¶¯Ìõ¡£
scroll¾ÍÊÇ×ܼӹö¶¯Ìõ¡£
Ïà¹ØÎĵµ£º
1.Ö±½Ó¼ÓÔÚ¶ÔÏóÉÏ
¡¡¡¡<html>
¡¡¡¡¡¡<head>
¡¡¡¡¡¡¡¡<title>title</title>
¡¡¡¡¡¡</head>
¡¡¡¡¡¡<body>
¡¡¡¡¡¡¡¡<span style="color:red">red</span>
¡¡¡¡¡¡</body>
¡¡¡¡</html>
2.¼Óµ½Ò³ÃæÍ·²¿
¡¡¡¡<html>
¡¡¡¡¡¡<head>
¡¡¡¡¡¡¡¡< ......
<html >
<body style="margin:0;overflow:hidden">
<div>
<table style="width:100%;height:100%">
<!--<tr>
& ......
´Ó½ñÌ쿪ʼ£¬CSSÉè¼Æ½Ì³ÌºÍ´ó¼Ò¼ûÃæÁË¡£Ã¿ÌìÒ»½Ú£¬ÓÐѧϰµÄͬѧÇëÿÌì¹Ø×¢ÎÒÃÇÍøÕ¾¡£
Àý1£1 ±³¾°Í¼Æ¬
µÚÒ»¸öÀý×ÓչʾÁ˶ÔbackgroundÊôÐÔµÄÔËÓ㬱¾Àý×Ó°ÑbackgroundÊôÐÔÓëÒ»¸ödivÔªËØÏà½áºÏ¡£divµÄ´óСΪ250pxX76px£¬ËùÒÔËü»áÏÔʾ³öÒ»¸öÍêÕûµÄ±³¾°Í¼Æ¬¡£
ÒÔÏÂÊDZ¾ÊµÀýµÄÏêϸ³ÌÐò£¬µ÷ÊÔÔÚMicrosoft Visual Studio 2010°æ ......
1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà 1px µÄÔÒò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆ̳öÒ»¸ö¿í¸ß 200px
µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£
2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö±ÔÚÓÃÕâ¸ö¡£ border:0;
Ö»ÊǶ¨Òå±ß¿ò¿í¶ÈΪÁ㣬µ«±ß¿òÑùʽ¡¢ÑÕÉ«»¹Êǻᱻä¯ÀÀÆ÷½âÎö£¬Õ¼ÓÃ×Ê ......
CSS ±»ºöÂԵij£Ê¶
ÎÄÕ·ÖÀà:WebÇ°¶Ë
1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà 1px µÄÔÒò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆ̳öÒ»¸ö¿í¸ß 200px µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£
2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö±ÔÚÓÃÕâ¸ö¡£ border:0; Ö»ÊǶ¨Òå±ß¿ò¿í¶ÈΪÁ㣬µ«±ß¿òÑùʽ¡ ......