css floatÎÊÌâ
×î½ü×÷¹æ·¶,µÃµ½¹«Ë¾¸ßÊֵĴͽ̣¬ÔÚÖÆ×÷¾²Ì¬Ò³ÃæÖУ¬¾³£Óöµ½¼¸¸ödivµÄ¸¡¶¯ÎÊÌ⣬ÒòΪIE²»Í¬°æ±¾´¦Àí¸¡¶¯»áÏÖÁ½±¶²î¾àµÄÎÊÌ⣨IE6£¬IE7£©£¬ÒÔǰ¶¼ÊÇͨ¹ýhack¼¼Êõ´¦Àí£¬£¨Èç margin-left:10px,[*margin-left:5px;],_margin-left:5px;ÕâÊÇIEµÄÎÊÌ⣩£¬ÏÖÔÚÓÐÒ»¸ö·½·¨£ºÔÚµÚÒ»¸ödivµÄclass¼ÓÉÏ£¨display£ºinline;£©,¾Í¿ÉÒÔ½â¾öfloat´øÀ´µÄ¸ºÃæÎÊÌ⣬Ëü¿ÉÒÔ½â¾öclear£ºleftÎÞ·¨½â¾öµÄÎÊÌâ¡£
Õâ¸ö·½·¨¾ø¶ÔÓÐÓã¬ÇëÄÍÐÄÊÔÊÔ£¬¸ù¾Ý±¾È˵ľÑ飬֯×÷¾²Ì¬Ò³Ã棬ÊÇ¿ÉÒÔ²»ÓÃhack¼¼ÊõµÄ£¨ÔÚEä¯ÀÀÆ÷²»Í¬°æ±¾ÖУ©£¬ÂýÂýÊÔ£¬¾Í»á½â¾öÎÊÌâ¡£
Ïà¹ØÎĵµ£º
CSS¼æÈÝÐÔÒ»Ö±ÊÇ´ó¼ÒÍ·ÌÛµÄÎÊÌ⣬ÏÖÔÚ˵˵ÈçºÎÇø·ÖÕ⼸¸öä¯ÀÀÆ÷£¬IE6¡¢IE7¡¢IE8ºÍFF£¬IE8¾ùÖ¸IE8Õýʽ°æ,°æ±¾ºÅ:8.0.6001.18702¡£
ÒÔÑÕɫΪÀýÀ´ËµÈçºÎÇø·ÖÕ⼸¸öä¯ÀÀÆ÷£º
.csshack{
color:#f00; &nbs ......
ÔÎÄ:http://www.52css.com/article.asp?id=1026
´ÓÍøÉÏÊÕ¼¯ÁËIE7,6ÓëFireofxµÄ¼æÈÝÐÔ´¦Àí·½·¨²¢ÕûÀíÁËÒ»ÏÂ.
¶ÔÓÚweb2.0µÄ¹ý¶È,Ç뾡Á¿ÓÃxhtml¸ñʽд´úÂë,¶øÇÒDOCTYPE Ó°Ïì CSS ´¦Àí,×÷ΪW3CµÄ±ê×¼,Ò»¶¨Òª¼Ó DOCTYPEÉùÃ÷.
1.divµÄ´¹Ö±¾ÓÖÐÎÊÌâ
vertical-align:middle;
½«ÐоàÔö¼Óµ ......
ʹÓÃDIV+CSS¹¹¼ÜºÃ´¦²»ÉÙ£¬µ«Ò²È·Êµ´æÔÚһЩÎÊÌ⣬ÏÖÔÚÈÃÍøÒ³Éè¼ÆÊ¦×îÍ·ÌÛµÄÊÂιýÓÚDIV+CSS¶Ôä¯ÀÀÆ÷µÄ¼æÈÝÐÔÁË£¬¿ÉÄÜÄãÓùßÁËIE6£¬×ö³öÀ´µÄ¶«Î÷û¸Ð¾õµ½Óжà´óÒì³££¬µ«ÊǰÑͬÑùµÄ¶«Î÷·Åµ½IE7ÀïÈ¥¿´µÄ»°£¬¾Í»á·¢ÏֺܶàÎÊÌ⣬Èç¹û·Åµ½»ðºüä¯ÀÀÆ÷ÀïÈ¥¿´£¬½á¹û¸ü²»¾¡ÈËÒâ¡£
Ò»¸öÒ³Ãæ´ÓÖÆ×÷µÄ¿ªÊ¼¾Í¾ö¶¨ÁËË ......
ÎÒÔÚµÚ¾ÅÇø ÉÏ·¢±íÁËÕâ¸öϵÁеıʼǣ¬²¢ÉÏ´«ÁËÔ×÷µç×ÓÊ飬½ñÌìÓпգ¬×ªÒ»Ï¹ýÀ´¡£
µÚÒ»Õ¡¢»ù´¡ÖªÊ¶
1.1Éè¼Æ´úÂëµÄ½á¹¹
Éè¼Æ´úÂëʱӦ¸ÃʹÓÃÓÐÒâÒåµÄ±ê¼Ç£¬±ÈÈ磬xHTMLÀï°üº¬ºÜ¶àÓÐÒâÒåµÄÔªËØ£¬Èçh1¡¢ul¡¢strong¡¢theadµÈµÈ£¬Ó¦ÓÃʹÓÃËùÓÐÒâÒåºÏÊʵÄÔªËØ£»µ±ÏÖÓÐÔªËØ²»×ãÒÔÃèÊöÒ³ÃæÄÚÈÝʱ£¬¿ÉÒÔÓÃid»òÊÇclassÀ´¸³ÓèËüÃǶ ......
¶¨ÒåºÍÓ÷¨
line-height ÊôÐÔÉèÖÃÐмäµÄ¾àÀ루Ðиߣ©¡£
×¢ÊÍ£º²»ÔÊÐíʹÓøºÖµ¡£
˵Ã÷
¸ÃÊôÐÔ»áÓ°ÏìÐпòµÄ²¼¾Ö¡£ÔÚÓ¦Óõ½Ò»¸ö¿é¼¶ÔªËØÊ±£¬Ëü¶¨ÒåÁ˸ÃÔªËØÖлùÏßÖ®¼äµÄ×îС¾àÀë¶ø²»ÊÇ×î´ó¾àÀë¡£
line-height Óë font-size µÄ¼ÆËãÖµÖ®²î£¨ÔÚ CSS ÖгÉΪ“Ðмä¾à”£©·ÖΪÁ½°ë£¬·Ö±ð¼Óµ½Ò»¸öÎı¾ÐÐÄÚÈݵĶ¥²¿ºÍµ× ......