³ÎÇåDIV+CSSÉè¼ÆµÄÎóÇø
µ±DIV+CSSƽµØÆð¾ªÀ×ͻȻ³öÏÖÔÚÍøÒ³Éè¼ÆÐÐÒµµÄʱºò£¬¹Ù·½¡¢Ãñ¼äÎÞ²»ÍƳ籸ÖÁ£¬·Â·ðTableÉè¼ÆµÄʱ´ú¾ÍÒªÖսᣬÂí
ÉϾÍÒª²½ÈëDIV+CSSµÄʱ´ú£¬²»¶®µÃDIV+CSSÄã¶¼²»ºÃÒâ˼˵Äã»áÍøÒ³Éè¼Æ£¬²»ÖªDIV+CSSÄã¶¼²»ºÃÒâ˼˵ÄãÊÇÕ¾³¤£¬Äã
Òª»¹ÊÇÓÃTABLEÀ´Éè¼ÆÕ¾µã£¬ÎÞÊý±ÉÒÄÖ®¹â¾ÍͶÉä¶øÀ´¡£
¡¡¡¡È»¶øDIV+CSSÕæµÄÓÐÕâôÉñÂð?¸ÃÔõ̫;ÕýµÄÀûÓÃDIV+CSSÓÅ»¯Õ¾µã£¬¶ø²»ÊǹÒÑòÍ·Âô¹·È⣬²å´ó´Ð×°´óÏóÄØ?
¡¡¡¡DIV+CSSµÄÉè¼ÆÖÐÓм¸µãÎóÇø£¬ÓÈÆäÓ¦¸Ã³ÎÇ壺
¡¡¡¡1¡¢DIV+CSSµÄºÏÀíÖ®´¦ÔÚÓÚ¿ÉÒÔ½øÐÐÍøÒ³µÄͳһÉè¼Æ¹ÜÀí£¬Í¨¹ýÒ»¸öÑùʽ±í£¬Ç£Ò»·¢¶ø¶¯È«Éí£¬Ö»ÒªÐÞ¸ÄÑùʽ±í£¬
¾Í¿ÉÒÔͳһȫվµÄ·ç¸ñ£¬Èç¹ûΪһ¸öÒ³Ãæµ¥¶À×öÒ»¸öÑùʽ±í£¬»òÕßÒ»¸ödiv¾Í×öÒ»¸öÑùʽ±í£¬Ã»ÓÐÈ«¾ÖÉè¼Æ¹ÛÄÄÇô
Õâ¸ödiv+CSSµÄÉè¼Æ·½Ê½¾ÍÍêȫûÓбØÒª£¬ÉõÖÁ³ÉÁËÀÛ׸;
¡¡¡¡2¡¢ÏñTableÒ»ÑùÓÃDIV+CSS£¬ÎÞÇµÄǶÌ×£¬ÆäЧ¹ûÓëTableÉè¼ÆÃ»ÓÐÁ½Ñù£¬²¢²»»á´øÀ´ËÑË÷ÒýÇæµÄÓÅ»¯Ð§¹û£¬·´¶ø
»áÔö¼ÓÒ³ÃæµÄ¸ºµ£;
¡¡¡¡3¡¢ÍƳçDiv+CSS£¬È´²»¿¼ÂǼæÈÝÐÔ£¬TABLEÉè¼ÆÓÉÀ´ÒѾ㬵õ½ä¯ÀÀÆ÷µÄ¹ã·ºÖ§³Ö£¬ËùÒÔÏÔʾЧ¹ûºÜºÃ£¬²»»á³öÏÖ
´íλÇé¿ö£¬µ«ÊÇDIV+CSSÈ´ÔÚ²¿·Öä¯ÀÀÆ÷ÖлᷢÉúÒ³Ãæ´íλµÄÇé¿ö£¬Òò´ËÔÚ½øÐÐÉè¼ÆµÄʱºòÒ²Òª¿¼Âǵ½²»Í¬ä¯ÀÀÆ÷µÄÇé
¿ö£¬½øÐиü¸ÄºÍµ÷ÊÔ¡£
¡¡¡¡µ±È»DIV+CSSÓÐÆä¹ÌÓеÄÓŵ㣺1¡¢±ê×¼»¯µÄÒ³Ãæ½á¹¹;2¡¢ÓÐÀûÓÚͳһÉè¼Æ¹ÜÀí;3¡¢¿ÉÒԵõ½ËÑË÷ÒýÇæÁ¼ºÃµÄÖ§³Ö£¬
µ«ËƺõÀûÓÃDIV+CSSҪעÒâÒÔÉÏÎóÇø£¬ÏàÐÅÕ¾³¤¶¼ÓкܶàµÄÌå»á£¬Ò²Óиü¶à³ÉÊìµÄÉè¼ÆÀíÄî¡£
Ïà¹ØÎĵµ£º
ͼƬ×Ô¶¯ÊÊÓ¦´óСµÄÎÊÌâÔÚÆ½Ê±ÖÆ×÷µÄʱºòÊDZȽϳ£¼ûµÄÎÊÌ⣬ÏÂÃæÌṩһ¸ö±È½Ï¼òµ¥µÄ½â¾ö·½·¨£º
div img {
max-width:600px;
//IE7¡¢FFµÈÆäËû·ÇIEä¯ÀÀÆ÷ÏÂ×î´ó¿í¶ÈΪ600px;
width:600px;
//ËùÓÐä¯ÀÀÆ÷ÖÐͼƬµÄ´óСΪ600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//µ±Í¼Æ¬´óС´óÓÚ6 ......
ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷£¬±ÈÈçInternet Explorer 6,Internet Explorer 7,Mozilla FirefoxµÈ£¬¶ÔCSSµÄ½âÎöÈÏʶ²»Ò»Ñù£¬Òò´Ë»áµ¼ÖÂÉú³ÉµÄÒ³ÃæÐ§¹û²»Ò»Ñù£¬µÃ²»µ½ÎÒÃÇËùÐèÒªµÄÒ³ÃæÐ§¹û¡£
¡¡¡¡Õâ¸öʱºòÎÒÃǾÍÐèÒªÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷ȥд²»Í¬µÄCSS£¬ÈÃËüÄܹ»Í¬Ê±¼æÈݲ»Í¬µÄä¯ÀÀÆ÷£¬ÄÜÔÚ²»Í¬µÄä¯ ......
CSS Hack ÊÇÔÚ±ê×¼ CSS û°ì·¨¼æÈݸ÷ä¯ÀÀÆ÷ÏÔʾЧ¹ûʱ²Å»áÓÃÉϵIJ¹¾È·½·¨,ÔÚ¸÷ä¯ÀÀÆ÷³§É̽âÎö CSS ûÓдï³ÉÒ»ÖÂǰ,ÎÒÃÇÖ»ÄÜÓÃÕâÑùµÄ·½·¨À´Íê³ÉÕâÑùµÄÈÎÎñ¡£ÍøÉÏÄã¿ÉÄÜÄÜËÑË÷µ½Ò»´ó¶ÑµÄ CSS Hack£¬µ«ÊÇÎÒ½ñÌì·¢²¼µÄÄã¿ÉÄܲ¢²»¶¼ºÜÁ˽⣬ÒòΪÕâЩ¶¼ÊÇÖ»Õë¶Ôµ¥¶ÀÒ»¸öä¯ÀÀÆ÷µÄ CSS Hack¡£
ΪÁËÏòÄãչʾÕâЩ CSS Hack ÊÇ·ñÕý³£Ô ......
position ÓÐÈý¸öÖµ£¬static£¨¾²Ì¬£©¡¢relative£¨Ïà¶Ô£©¡¢absolute£¨¾ø¶Ô£© fix(¹Ì¶¨²¼¾Ö)£»ÓÉÓÚstaticÊÇËùÓÐÒ³ÃæÔªËØµÄĬÈÏÖµ£¬Òò´ËÉèÖÃÔªËØµÄ¶¨Î»ÀàÐÍʱ¼¸ºõ²»ÓÃÕâ¸öÖµ£¬³ý·ÇÓÃÓÚ¸²¸Ç֮ǰµÄ¶¨Òå¡£
¶ÔÓÚºóÁ½Õߣ¬Ò»°ãÓ¦ÓãºÔÚÒ»¸öÏà¶Ô¶¨Î»µÄÔªËØÀïÃæ·ÅÖÃÒ»¸ö¾ø¶Ô¶¨Î»µÄÔªËØ£¬Èçͼ£º
×ÓÔªËØB¿ÉÒÔͨ¹ýtop¡¢right¡¢bottom¡¢le ......
¾¡¹ÜÈËÃÇÆÚ´ýÆÁÄ»ÏÔʾ¼¼ÊõÓÐËù¸Ä½ø£¬µ«CSSºÍHTMLÈ´Ö»ÌṩÁËÉÙÊýµÄ½»»¥Éè¼Æ¿ØÖÆ£¬¶øÇÒ»¹Ö»ÊÇË«Ïò״̬µÄ¶ø·Ç½¥½ø×´Ì¬£¬È磺һ¸öÁ´½ÓÖ»ÄÜÊÇÒ»ÖÖÑÕÉ«»òÁíÒ»ÖÖÑÕÉ«£¬Îı¾ÓòÖ»ÄÜÊÇÒ»Öֳߴç»òÁíÒ»Öֳߴ磬һ·ùÕÕÆ¬ÒªÃ´Í¸Ã÷Ҫô²»Í¸Ã÷¡£Ã»ÓдÓÁ½ÖÖ״̬µÄÖ®¼äµÄ²¿·Ö£¬¼´Ã»Óйý¶É¡£
ÕâÖÖ²»ÓÅÑŵÄÇл»Ð§¹ûʹºÜ¶àÒ³ÃæÈÃÈ˸оõͻأ¡£ËäÈ ......