Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

CSSä¯ÀÀÆ÷¼æÈÝÎÊÌâ´óÈ«

¡¡¡¡1¡¢firefoxϸ¸ÈÝÆ÷µÄ¸ß¶È×ÔÊÊÓ¦
¡¡¡¡height:100%; overflow:auto;
¡¡¡¡2¡¢IE6µÄË«±¶±ß¾àBUG
¡¡¡¡display:inline
¡¡¡¡3¡¢³¬Á´½Ó·ÃÎʹýºóhoverÑùʽ²»³öÏÖµÄÎÊÌâ
¡¡¡¡¸Ä±äCSSÊôÐÔµÄÅÅÁÐ˳Ðò: L-V-H-A
¡¡¡¡4.FFÏÂʹÁ¬Ðø³¤×Ö¶Î×Ô¶¯»»ÐÐ
¡¡¡¡IEÖÐÖ±½ÓʹÓÃword-wrap:break-word
¡¡¡¡FFÖÐÎÒÃÇʹÓÃJS²åÈëµÄ·½·¨À´½â¾ö
¡¡¡¡ÏÈдËĸö£¬ÒÔºóÓÐÁË·ÏßÌí¼Ó
        1.IE6.0,ie7.0ÓëFirefoxµÄCSS¼æÈÝÐÔÎÊÌâ1.DOCTYPE Ó°Ïì CSS ´¦Àí
¡¡¡¡2.FF: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ­¾ÓÖÐ, IE ²»ÐÐ
¡¡¡¡3.FF: body ÉèÖà text-align ʱ, div ÐèÒªÉèÖà margin: auto(Ö÷ÒªÊÇ margin-left,margin-right) ·½¿É¾ÓÖÐ
¡¡¡¡4.FF: ÉèÖà padding ºó, div »áÔö¼Ó height ºÍ width, µ« IE ²»»á, ¹ÊÐèÒªÓà !important ¶àÉèÒ»¸ö height ºÍ width
¡¡¡¡5.FF: Ö§³Ö !important, IE ÔòºöÂÔ, ¿ÉÓà !important Ϊ FF ÌØ±ðÉèÖÃÑùʽ£¬ÖµµÃ×¢ÒâµÄÊÇ£¬Ò»¶¨Òª½«xxxx !important Õâ¾ä·ÅÖÃÔÚÁíÒ»¾äÖ®ÉÏ
¡¡¡¡6.div µÄ´¹Ö±¾ÓÖÐÎÊÌâ: vertical-align:middle; ½«ÐоàÔö¼Óµ½ºÍÕû¸öDIVÒ»Ñù¸ß line-height:200px; È»ºó²åÈëÎÄ×Ö£¬¾Í´¹Ö±¾ÓÖÐÁË¡£È±µãÊÇÒª¿ØÖÆÄÚÈݲ»Òª»»ÐÐ
¡¡¡¡7.cursor: pointer ¿ÉÒÔͬʱÔÚ IE FF ÖÐÏÔʾÓαêÊÖָ״£¬ hand ½ö IE ¿ÉÒÔ
¡¡  8.FF: Á´½Ó¼Ó±ß¿òºÍ±³¾°É«£¬ÐèÉèÖà display: block, ͬʱÉèÖà float: left ±£Ö¤²»»»ÐС£²ÎÕÕ menubar, ¸ø a ºÍ menubar ÉèÖø߶ÈÊÇΪÁ˱ÜÃâµ×±ßÏÔʾ´íλ, Èô²»Éè height, ¿ÉÒÔÔÚ menubar ÖвåÈëÒ»¸ö¿Õ¸ñ¡£
¡¡¡¡9.ÔÚmozilla firefoxºÍIEÖеÄBOXÄ£ÐͽâÊͲ»Ò»Öµ¼ÖÂÏà²î2px½â¾ö·½·¨£ºdiv{margin:30px!important;margin:28px;}
¡¡¡¡×¢ÒâÕâÁ½¸ömarginµÄ˳ÐòÒ»¶¨²»ÄÜд·´£¬¾Ý°¢½ÝµÄ˵·¨!importantÕâ¸öÊôÐÔIE²»ÄÜʶ±ð£¬µ«±ðµÄä¯ÀÀÆ÷¿ÉÒÔʶ±ð¡£ËùÒÔÔÚIEÏÂÆäʵ½âÊͳÉÕâÑù£ºdiv{maring:30px;margin:28px}
¡¡¡¡Öظ´¶¨ÒåµÄ»°°´ÕÕ×îºóÒ»¸öÀ´Ö´ÐУ¬ËùÒÔ²»¿ÉÒÔֻдmargin:XXpx!important;
¡¡¡¡10.IE5 ºÍIE6µÄBOX½âÊͲ»Ò»ÖÂ
¡¡¡¡IE5ÏÂdiv{width:300px;margin:0 10px 0 10px;}
¡¡divµÄ¿í¶È»á±»½âÊÍΪ300px-10px(ÓÒÌî³ä)-10px(×óÌî³ä)×îÖÕdivµÄ¿í¶ÈΪ280px£¬¶øÔÚIE6ºÍÆäËûä¯ÀÀÆ÷ÉÏ¿í¶ÈÔòÊÇÒÔ300px+10px(ÓÒÌî³ä)+10px(×óÌî³ä)=320pxÀ´¼ÆËãµÄ¡£ÕâʱÎÒÃÇ¿ÉÒÔ×öÈçÏÂÐÞ¸Ädiv{width:300px!important;width :340px;margin:0 10px 0 10px}
¡¡¡¡¹ØÓÚÕâ¸öÊÇʲôÎÒÒ²²»Ì«Ã÷°×£¬Ö»ÖªµÀIE5ºÍf


Ïà¹ØÎĵµ£º

css×Ô¶¯»»ÐÐ(ת)

Á¬ÐøµÄÓ¢ÎÄ»òÊý×ÖÄÜÊÇÈÝÆ÷±»³Å´ó£¬²»Äܸù¾ÝÈÝÆ÷µÄ´óС×Ô¶¯»»ÐУ¬¶ÔÓÚDivºÍtableÒÔ¼°²»Í¬µÄä¯ÀÀÆ÷£¬ÊµÏÖcss×Ô¶¯»»Ðеķ½·¨¶¼ÉÔÓв»Í¬£¬ÏÂÃæ·Ö±ð½éÉÜ£º
      ¶ÔÓÚdiv
¡¡¡¡1.£¨IEä¯ÀÀÆ÷£©white-space:normal; word-break:break-all;ÕâÀïǰÕßÊÇ×ñÑ­±ê×¼¡£
ÒÔÏÂÊÇÒýÓÃÆ¬¶Î£º
#wrap{white-space:no ......

DIV+CSSÍøÒ³²¼¾Ö£ºÈýÁи¡¶¯ÖмäÁпí¶È×ÔÊÊÓ¦


DIV+CSSÍøÒ³²¼¾Ö£ºÈýÁи¡¶¯ÖмäÁпí¶È×ÔÊÊÓ¦
ÒÑÓÐ 39 ´ÎÔĶÁ  2009-09-07 14:25   ±êÇ©:  DIV  CSS  ÍøÒ³  ¿í¶È 
ʹÓø¡¶¯¶¨Î»·½Ê½£¬´ÓÒ»Áе½¶àÁеĹ̶¨¿í¶È¼°×ÔÊÊÓ¦£¬»ù±¾ÉÏ¿ÉÒÔ¼òµ¥Íê³É£¬°üÀ¨ÈýÁеĹ̶¨¿í¶È¡£¶øÔÚÕâÀï¸øÎÒÃÇÌá³öÁËÒ»¸öеÄÒª ......

CSSËټǿھ÷

Èç¹ûÔÚÓÃCSSÉè¼Æ²¼¾ÖʱÓöµ½BUG£¬ÇëÈÏÕæÔĶÁÒÔÏÂÄÚÈÝ£¬·Ç³£ÈÝÒ×¼ÇÒäµÄ£¬²»ÖªµÀÄÄλ¸ßÈ˰ÑCSS BUG±à³ÉÁË˳¿ÚÁïÁË£¡¿´¿´ºÃ²»ºÃ¼ÇסĨ£¿ Ò»¡¢IE±ß¿òÈôÏÔÈôÎÞ£¬Ðë×¢Ò⣬¶¨ÊǸ߶ÈÉèÖÃÒÑÍü¼Ç£» ¶þ¡¢¸¡¶¯²úÉúÓÐÔµ¹Ê£¬ÈôÒª¸¸²ã°üº¬×¡£¬½ô¸ú¸¡¶¯ÒªÇå³ý£¬
Èç¹ûÔÚÓÃCSSÉè¼Æ²¼¾ÖʱÓöµ½BUG£¬ÇëÈÏÕæÔĶÁÒÔÏÂÄÚÈÝ£¬·Ç³£ÈÝÒ×¼ÇÒäµÄ£¬²»ÖªµÀÄ ......

[ת]DIV+CSSÔÚIE7/IE6/Firefox¼äµÄ¼æÈÝÐÔÎÊÌâ

DIV£«CSSÍøÒ³²¼¾ÖÕâÊÇÒ»ÖÖÇ÷ÊÆ,ÎÒÒ²¿ªÊ¼Ë³Ó¦Õâ¹ÉÇ÷ÊÆÁË,²»¹ýÔÚʹÓÃDIV£«CSSÍøÕ¾Éè¼ÆµÄʱºò£¬Ó¦¸Ã×¢ÒâcssÑùʽ¼æÈݲ»Í¬ä¯ÀÀÆ÷ÎÊÌâ£¬ÌØ±ðÊǶÔÍêȫʹÓÃDIV+CSSÉè¼ÆµÄÍøÒ³£¬¾ÍÓ¦¸Ã¸ü×¢ÒâIE6 IE7 FF¶ÔCSSÑùʽµÄ¼æÈÝ£¬²»È»£¬ÄãµÄÍøÒ³¿ÉÄÜÂÒµÄÒ»ËúºýÍ¿£¡ÎÒ¾­³£±»ÕâЩ¶«Î÷ÕûµÄ½¹Í·Àöî,ÓÚÊǺôÔÚÍøÉÏÕÒÁËЩ×ÊÁÏ,¼ÓÉÏ×Ô¼ºµÄÀí½âºÍÕâÐ©È ......

CSSä¯ÀÀÆ÷¼æÈÝÎÊÌâÕûÀí

´ÓÍøÉÏÊÕ¼¯ÁËIE7,6ÓëFireofxµÄ¼æÈÝÐÔ´¦Àí·½·¨²¢ÕûÀíÁËÒ»ÏÂ.¶ÔÓÚweb2.0µÄ¹ý¶È,Ç뾡Á¿ÓÃxhtml¸ñʽд´úÂë,¶øÇÒDOCTYPE Ó°Ïì CSS ´¦Àí,×÷ΪW3CµÄ±ê×¼,Ò»¶¨Òª¼Ó DOCTYPEÉùÃû.
CSS¼¼ÇÉ
1.divµÄ´¹Ö±¾ÓÖÐÎÊÌâ vertical-align:middle; ½«ÐоàÔö¼Óµ½ºÍÕû¸öDIVÒ»Ñù¸ß line-height:200px; È»ºó²åÈëÎÄ×Ö£¬¾Í´¹Ö±¾ÓÖÐÁË¡£È±µãÊÇÒª¿ØÖÆÄÚ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ