¡¡¡¡
Çå³ý¸¡¶¯µÄ¼¸ÖÖ·½·¨
1. Ͷ»úÈ¡ÇÉ·¨
¾ÍÊÇÖ±½ÓÒ»¸ö
·Åµ½µ±×÷×îºóÒ»¸ö×Ó±êÇ©·Åµ½¸¸±êÇ©ÄǶù£¬´Ë·½·¨ÂÅÊÔ²»Ë¬£¬¼æÈÝÐÔÇ¿£¬Ê¹Ó÷½±ã£¬ÊdzõѧʱʹÓõÄÉϼÑ֮ѡ¡£µ«ÊÇÎÒ´ÓÀ´²»Óã¬ÒòΪÎÒ¿´µ½µÄÊǸö¾Þ´óµÄÀË·Ñ£¬ÀË·ÑÁËÒ»¸ö±êÇ©£¬¶øÇÒÖ»ÄÜʹÓÃÒ»´Î£¬ÎÒ¸öÈËÊÇÎÞ·¨ÈÝÈ̵ģ¬ËùÒÔÕâ¸ö·½·¨²»ÍƼö¡£¶øÇÒÓÐʱºòÒ»²»ÁôÉñÖмä¶àÁ˸ö¿Õ¸ñ»á²úÉúÒ»¶Î¿Õ°×¸ß¶ÈµÄ¡£
2. overflow + zoom·½·¨
.fix{overflow:hidden; zoom:1;}
´Ë·½·¨ÓŵãÔÚÓÚ´úÂë¼ò½à£¬º¸ÇËùÓÐä¯ÀÀÆ÷£¬¿Éν²»´íµÄÑ¡Ôñ°¡¡£²»¹ýÒ²ÊÇÓÐÎÊÌâµÄ£¬¾ÍÊÇÕâ¸öoverflow:hidden;ÊǸöСըµ¯£¬ÒªÊÇÀïÃæµÄÔªËØÒªÊÇÏëÀ´¸ömargin¸ºÖµ¶¨Î»»òÊǸºµÄ¾ø¶Ô¶¨Î»£¬Æñ²»ÊÇÖ±½Ó±»²ÃµôÁË£¬ËùÒÔ´Ë·½·¨ÊÇÓв»Ð¡µÄ¾ÖÏÞÐԵġ£ÎÒÒ»°ã²»ÓÃÕâ¸ö·½·¨£¬Ö»ÊÇÓÐʱºò˳±ãÈ¥³ý¸¡¶¯Ê±ÓÃÓá£
3. after + zoom·½·¨
ÏÈÀ´¼òµ¥½²½²after£¬Ëùνafter£¬¾ÍÊÇÖ¸±êÇ©µÄ×îºóÒ»¸ö×ÓÔªËØµÄºóÃæ¡£ÓÚÊÇÄØ£¬ÎÒÃÇ¿ÉÒÔÓÃCSS´úÂëÉú³ÉÒ»¸ö¾ßÓÐclearÊôÐÔµÄÔªËØ£¬ÆäÖеĹؼüÑùʽ¾ÍÊÇcontentÁË¡£»òÐíÄú´ÓÍøÉÏ¿´µ½µÄcontentÀïÃæµÄÄÚÈÝÊÇ¡±.¡±Ò»¸öµã£¬ÎÒÁ˺ܶà´Î£¬Ã²ËÆËæ±ãдʲô¶«Î÷¶¼Ã»ÓÐÎÊÌ⣬±ÈÈçcontent:'clear both';ûÎÊÌ⣬»òÊÇcontent:'°ÛÒÚ'Ò²ÊÇokµÄ¡£ÓÚÊÇÓУº.clr{zoom:1;}
.clr:after{display:block; content:'clear'; clear:both; line-height:0; visibility:hidden;}
ÕâÀïµÄline-height:0д³Éheight:0Ò²ÊÇ¿ÉÒԵġ£´Ë·½·¨¿ÉÒÔ˵ÊÇ×ÛºÏÆðÀ´×îºÃµÄ·½·¨ÁË£¬ÎÒ¶¼ÊÇÓÃÕâ¸öÑùʽÇå³ý¸¡¶¯µÄ£¬²»»áÓ°ÏìÈÎºÎÆäËûÑùʽ£¬Í¨ÓÃÐÔÇ¿£¬¸²¸ÇÃæ¹ã£¬ÎÒºÜÍÆ¼öŶ¡£