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

CSSÖдæÔÚµÄBUG

1.divµÄ´¹Ö±¾ÓÖÐÎÊÌâ 
vertical-align:middle; 
½«ÐоàÔö¼Óµ½ºÍÕû¸öDIVÒ»Ñù¸ß line-height:200px; 
È»ºó²åÈëÎÄ×Ö£¬¾Í´¹Ö±¾ÓÖÐÁË¡£È±µãÊÇÒª¿ØÖÆÄÚÈݲ»Òª»»ÐС£
2. margin¼Ó±¶µÄÎÊÌâ     
ÉèÖÃΪfloatµÄdivÔÚieÏÂÉèÖõÄmargin»á¼Ó±¶¡£ÕâÊÇÒ»¸öie6¶¼´æÔÚµÄbug¡£
½â¾ö·½°¸ÊÇÔÚÕâ¸ödivÀïÃæ¼ÓÉÏdisplay:inline;    
ÀýÈ磺
<#div id=”imfloat”>    
ÏàÓ¦µÄcssΪ    
#IamFloat
{
float:left; margin:5px;/*IEÏÂÀí½âΪ10px*/ 
display:inline;/*IEÏÂÔÙÀí½âΪ5px*/
}  
3.¸¡¶¯ie²úÉúµÄË«±¶¾àÀë     
#box{
float:left; width:100px; margin:0 0 0 100px; //ÕâÖÖÇé¿öÖ®ÏÂIE»á²úÉú200pxµÄ¾àÀë display:inline; //ʹ¸¡¶¯ºöÂÔ

ÕâÀïϸ˵һÏÂblockÓëinlineÁ½¸öÔªËØ£º
blockÔªËØµÄÌØµãÊÇ,×ÜÊÇÔÚÐÂÐÐÉÏ¿ªÊ¼,¸ß¶È,¿í¶È,Ðиß,±ß¾à¶¼¿ÉÒÔ¿ØÖÆ(¿éÔªËØ);
InlineÔªËØµÄÌØµãÊÇ,ºÍÆäËûÔªËØÔÚͬһÐÐÉÏ,²»¿É¿ØÖÆ(ÄÚÇ¶ÔªËØ);    
#box

display:block; //¿ÉÒÔΪÄÚÇ¶ÔªËØÄ£ÄâΪ¿éÔªËØ 
display:inline; //ʵÏÖͬһÐÐÅÅÁеÄЧ¹û 
diplay:table; 
}
4 IEÓë¿í¶ÈºÍ¸ß¶ÈµÄÎÊÌâ
IE ²»ÈϵÃmin-Õâ¸ö¶¨Ò壬µ«Êµ¼ÊÉÏËü°ÑÕý³£µÄwidthºÍheightµ±×÷ÓÐminµÄÇé¿öÀ´Ê¹¡£ÕâÑùÎÊÌâ¾Í´óÁË£¬Èç¹ûÖ»Óÿí¶ÈºÍ¸ß¶È£¬Õý³£µÄä¯ÀÀÆ÷ÀïÕâÁ½¸öÖµ¾Í²»»á±ä£¬Èç¹ûÖ»ÓÃmin-widthºÍmin-heightµÄ»°£¬IEÏÂÃæ¸ù±¾µÈÓÚûÓÐÉèÖÿí¶ÈºÍ¸ß¶È¡£    
±ÈÈçÒªÉèÖñ³¾°Í¼Æ¬£¬Õâ¸ö¿í¶ÈÊDZȽÏÖØÒªµÄ¡£
Òª½â¾öÕâ¸öÎÊÌ⣬¿ÉÒÔÕâÑù£º    
#box{ width: 80px; height: 35px;}
html>body #box

width: auto; height: auto; min-width: 80px; min-height: 35px;
}
5.Ò³ÃæµÄ×îС¿í¶È    
min -widthÊǸö·Ç³£·½±ãµÄCSSÃüÁËü¿ÉÒÔÖ¸¶¨ÔªËØ×îСҲ²»ÄÜСÓÚij¸ö¿í¶È£¬ÕâÑù¾ÍÄܱ£Ö¤ÅŰæÒ»Ö±ÕýÈ·¡£µ«IE²»ÈϵÃÕâ¸ö£¬¶øËüʵ¼ÊÉϰÑwidthµ±×ö×îС¿í¶ÈÀ´Ê¹¡£ÎªÁËÈÃÕâÒ»ÃüÁîÔÚIEÉÏÒ²ÄÜÓ㬿ÉÒÔ°ÑÒ»¸ö<div> ·Åµ½ <body> ±êǩϣ¬È»ºóΪdivÖ¸¶¨Ò»¸öÀà, È»ºóCSSÕâÑùÉè¼Æ£º
#container{ min-width: 600px; width:e-xpression(document.body.clientWidth < 6


Ïà¹ØÎĵµ£º

CSSÑùʽÎļþÓÅ»¯ ¸üÕû½à¶øÇåÎú


CSS¼òд¾ÍÊÇÖ¸½«¶àÐеÄCSSÊôÐÔÉùÃ÷»¯³ÉÒ»ÐУ¬ÓÖ³ÆÎªCSS´úÂëÓÅ»¯¡£CSS¼òдµÄ×î´óºÃ´¦¾ÍÊÇÄܹ»ÏÔ׿õÉÙCSSÎļþµÄ
´óС£¬Æäʵ»¹ÓкܶàÆäËûÒæ´¦¡£Ó·Ö×¶øÔÓÂÒµÄCSSÑùʽ±í»áʹÄãÓöµ½ÎÊÌâÊÇÄÑÒÔµ÷ÊÔ¡£ÓÈÆäÊǵ±Ò»¸öÍŶÓÔÚ½øÐÐÉè¼ÆµÄ
ʱºò£¬ÄãµÄÓ·Ö×µÄCSS´úÂë»áʹÄãµÄÍŶӯäËû³ÉÔ±µÄ¹¤×÷ЧÂÊϽµ¡£
¡¡¡¡½ñÌ죬ÕûÀíÁËһЩCSS¼òÐ ......

IE6²»½âÎöijЩCSS´úÂëµÄ½â¾ö·½·¨

ÍøÒ³²ÉÓÃÁË UTF-8 ±àÂë¸ñʽ£¬Õâ±¾À´Ã»ÓÐÎÊÌ⣬ÎÊÌâÊÇÍⲿ CSS ÎļþĬÈÏÊÇ ANSI ±àÂ룬²¢Ã»Óб£´æÎª UTF-8 ¸ñʽ¡£¿ÉÄÜÄã»á·¢ÏÖÔÚÒ»°ãÇé¿öÏÂÕâÑùÒ²ÊÇûÓÐÎÊÌâµÄ£¬È»¶øµ± CSS ÎļþÖаüº¬ÓÐÖÐÎÄ×¢ÊÍʱ¾Í¿ÉÄܲ»¾¡ÈçÈËÒâÁË£¡
¡¡¡¡¹À¼ÆÊÇ IE6 °æ±¾ÒÔϵÄä¯ÀÀÆ÷ÔÚ½âÎöÕâ¸ö CSS ÎļþʱÒòΪ±àÂëÎÊÌâ¶øÎÞ·¨ÕýÈ·½âÎö£¬ËùÒԲŻᷢÉú CSS ......

div+css²¼¾Ö±ØÁ˽âµÄÁбíÔªËØul ol li dl dt ddÏê½â

dt ºÍddÖпÉÒÔÔÙ¼ÓÈë ol ul liºÍp£¬Àí½âÕâЩÒÔºó£¬ÔÚʹÓÃdiv²¼¾ÖµÄʱºò£¬»á·½±ãºÜ¶à£¬Æäʵw3cÌṩÁ˺ܶàÔªËØ¸¨Öú²¼¾Ö¶¼ÊÇÓÐËüµÄÓô¦µÄ£¬¶ø²»¾¡ÊÇdiv¡£
¿é¼¶ÔªËØdiv¾¡Á¿ÉÙÓã¬ÆäʵºÍtableÒ»Ñù£¬Ç¶Ì×Ô½ÉÙÔ½ºÃ£¬ËüÒ²ÊÇ»áÓ°ÏìËٶȵģ¡
ol ÓÐÐòÁÐ±í¡£
<ol>
<li>......</li>
<li>......</li& ......

Div+CSSÔÚÍøÕ¾Éè¼ÆµÄÓÅÊÆ

    1.´ó´óËõ¼õÒ³Ãæ´úÂ룬Ìá¸ßÒ³Ãæä¯ÀÀËÙ¶È,Ëõ¼õ´ø¿í³É±¾; 
    2.½á¹¹ÇåÎú£¬ÈÝÒ×±»ËÑË÷ÒýÇæËÑË÷µ½£¬ÌìÉúÓÅ»¯ÁËseo 
    3.Ëõ¶Ì¸Ä°æÊ±¼ä¡£Ö»Òª¼òµ¥µÄÐ޸öCSSÎļþ¾Í¿ÉÒÔÖØÐÂÉè¼ÆÒ»¸öÓгɰÙÉÏÇ§Ò³ÃæµÄÕ¾µã¡£ 
    4.Ç¿´óµ ......

¼¸¸ödiv+cssͼƬ¹ö¶¯ÏÔʾµÄ´úÂë

ÓÉÏÂÍùÉϵģº
<div id="demo" onmouseover="ij=1" style="border:1px solid gray; overflow: hidden; height: 119px; width:211px " onmouseout="ij=0">
<div id="demo1">1<br />2br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>
¿ÉÒÔÊÇÈκεÄHTMLÄÚÈÝ<br&g ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ