×÷¼Ò
怬

CSS haslayoutѧϰ

×÷Õߣº À´Ô´£ºwww.28hudong.com 2012-11-19 22:31:02 ÔĶÁ´Î ÎÒÒªÆÀÂÛ

ʲôÊÇ haslayout £¿haslayout ÊÇWindows Internet ExploreräÖȾÒýÇæµÄÒ»¸öÄÚ²¿×é³É²¿·Ö¡£ÔÚInternet ExplorerÖУ¬Ò»¸öÔªËØҪô×Ô¼º¶Ô×ÔÉíµÄÄÚÈݽøÐмÆËã´óСºÍ×éÖ¯£¬ÒªÃ´ÒÀÀµÓÚ¸¸ÔªËØÀ´¼ÆËã³ß´çºÍ×éÖ¯ÄÚÈÝ¡£ÎªÁ˵÷½ÚÕâÁ½¸ö²»Í¬µÄ¸ÅÄäÖȾÒýÇæ²ÉÓà ÁË hasLayout µÄÊôÐÔ£¬ÊôÐÔÖµ¿ÉÒÔΪtrue»òfalse¡£µ±Ò»¸öÔªËØµÄ hasLayout ÊôÐÔֵΪtrueʱ£¬ÎÒÃÇ˵Õâ¸öÔªËØÓÐÒ»¸ö²¼¾Ö£¨layout£©µ±Ò»¸öÔªËØÓÐÒ»¸ö²¼¾Öʱ£¬Ëü¸ºÔð¶Ô×Ô¼ººÍ¿ÉÄܵÄ×ÓËïÔªËؽøÐгߴç¼ÆËãºÍ¶¨Î»¡£¼òµ¥À´Ëµ£¬ÕâÒâζ×ÅÕâ¸öÔªËØÐèÒª»¨¸ü¶àµÄ´ú¼ÛÀ´Î¬»¤×ÔÉíºÍÀïÃæµÄÄÚÈÝ£¬ ¶ø²»ÊÇÒÀÀµÓÚ×æÏÈÔªËØÀ´Íê³ÉÕâЩ¹¤×÷¡£Òò´Ë£¬Ò»Ð©ÔªËØĬÈÏ»áÓÐÒ»¸ö²¼¾Ö¡£µ±ÎÒÃÇ˵һ¸öÔªËØ“ÓµÓÐlayout”»ò“µÃµ½layout”£¬»òÕß˵һ¸öÔªËØ “has layout” µÄʱºò£¬ÎÒÃǵÄÒâ˼ÊÇÖ¸ËüµÄ΢ÈíרÓÐÊôÐÔ hasLayout ±»ÉèΪÁË true ¡£Ò»¸ö“layoutÔªËØ”¿ÉÒÔÊÇÒ»¸öĬÈϾÍÓµÓÐ layout µÄÔªËØ»òÕßÊÇÒ»¸öͨ¹ýÉèÖÃijЩ CSS ÊôÐԵõ½ layout µÄÔªËØ¡£Èç¹ûij¸öHTMLÔªËØÓµÓÐ haslayout ÊôÐÔ£¬ÄÇôÕâ¸öÔªËØµÄ haslayout µÄÖµÒ»¶¨Ö»ÓÐ true£¬haslayout Ϊֻ¶ÁÊôÐÔ Ò»µ©±»´¥·¢£¬¾Í²»¿ÉÄæת¡£Í¨¹ý IE Developer Toolbar ¿ÉÒԲ鿴 IE Ï HTML ÔªËØÊÇ·ñÓµÓÐhaslayout£¬ÔÚ IE Developer Toolbar Ï£¬ÓµÓÐ haslayout µÄÔªËØ£¬Í¨³£ÏÔʾΪ“haslayout = -1”¡£¸ºÔð×éÖ¯×ÔÉíÄÚÈݵÄÔªËؽ«Ä¬ÈÏÓÐÒ»¸ö²¼¾Ö£¬Ö÷Òª°üÀ¨ÒÔÏÂÔªËØ£¨²»ÍêÈ«ÁÐ±í£©£º* body and html* table, tr, th, td* img* hr* input, button, file, select, textarea, fieldset* marquee* frameset, frame, iframe* objects, applets, embed¶ÔÓÚ²¢·ÇËùÓеÄÔªËض¼Ä¬ÈÏÓв¼¾Ö£¬Î¢Èí¸ø³öµÄÖ÷ÒªÔ­ÒòÊÇ“ÐÔÄܺͼò½à”¡£Èç¹ûËùÓеÄÔªËض¼Ä¬ÈÏÓв¼¾Ö£¬»á¶ÔÐÔÄܺÍÄÚ´æʹÓÃÉϲúÉúÓꦵÄÓ°Ïì¡£ÈçºÎ¼¤·¢ haslayout£¿´ó²¿·ÖµÄ IE ÏÔʾ´íÎ󣬶¼¿ÉÒÔͨ¹ý¼¤·¢ÔªËØµÄ haslayout ÊôÐÔÀ´ÐÞÕý¡£¿ÉÒÔͨ¹ýÉèÖà css ³ß´çÊôÐÔ(width/height)µÈÀ´¼¤·¢ÔªËØµÄ haslayout£¬Ê¹Æä“ÓµÓв¼¾Ö”¡£ÈçÏÂËùʾ£¬Í¨¹ýÉèÖÃÒÔÏ css ÊôÐÔ¼´¿É¡£* display: inline-block* height: (ÈκÎÖµ³ýÁËauto)* float: (left »ò right)* position: absolute* width: (ÈκÎÖµ³ýÁËauto)* writing-mode: tb-rl* zoom: (³ý normal ÍâÈÎÒâÖµ)Internet Explorer 7 »¹ÓÐһЩ¶îÍâµÄÊôÐÔ(²»ÍêÈ«Áбí):* min-height: (ÈÎÒâÖµ)* max-height: (³ý none ÍâÈÎÒâÖµ)* min-width: (ÈÎÒâÖµ)* max-width: (³ý none ÍâÈÎÒâÖµ)* overflow: (³ý visible ÍâÈÎÒâÖµ)* overflow-x: (³ý visible ÍâÈÎÒâÖµ)* overflow-y: (³ý visible ÍâÈÎÒâÖµ)* position: fixedÆäÖÐ overflow-x ºÍ overflow-y ÊÇ css3 ºÐÄ£ÐÍÖеÄÊôÐÔ£¬Ä¿Ç°»¹Î´±»ä¯ÀÀÆ÷¹ã·ºÖ§³Ö¡£¶ÔÓÚÄÚÁªÔªËØ(ĬÈϼ´ÎªÄÚÁªµÄÔªËØ£¬Èç span£¬»ò display:inline; µÄÔªËØ)£¬width ºÍ height Ö»ÔÚ IE5.x ÏÂºÍ IE6 »ò¸üа汾µÄ quirks ģʽÏ´¥·¢ hasLayout ¡£¶ø¶ÔÓÚ IE6£¬Èç¹ûä¯ÀÀÆ÷ÔËÐÐÓÚ±ê×¼¼æÈÝģʽÏ£¬ÄÚÁªÔªËØ»áºöÂÔ width »ò height ÊôÐÔ£¬ËùÒÔÉèÖà width »ò height ²»ÄÜÔÚ´ËÖÖÇé¿öÏÂÁî¸ÃÔªËؾßÓÐ layout¡£ zoom ×ÜÊÇ¿ÉÒÔ´¥·¢ hasLayout£¬µ«ÊÇÔÚ IE5.0 Öв»Ö§³Ö¡£ ¾ßÓГlayout” µÄÔªËØÈç¹ûͬʱ display: inline £¬ÄÇôËüµÄÐÐΪ¾ÍºÍ±ê×¼ÖÐËù˵µÄ inline-block ºÜÀàËÆÁË£ºÔÚ¶ÎÂäÖкÍÆÕͨÎÄ×ÖÒ»ÑùÔÚˮƽ·½ÏòºÍÁ¬ÐøÅÅÁУ¬ÊÜ vertical-align Ó°Ï죬²¢ÇÒ´óС¿ÉÒÔ¸ù¾ÝÄÚÈÝ×ÔÊÊÓ¦µ÷Õû¡£ÕâÒ²¿ÉÒÔ½âÊÍΪʲôµ¥µ¥ÔÚ IE/Win ÖÐÄÚÁªÔªËØ¿ÉÒÔ°üº¬¿é¼¶ÔªËضøÉÙ³öÎÊÌ⣬ÒòΪÔÚ±ðµÄä¯ÀÀÆ÷ÖÐ display: inline ¾ÍÊÇÄÚÁª£¬²»Ïñ IE/Win Ò»µ©ÄÚÁªÔªËØÓµÓÐ layout »¹»á±ä³É inline-block¡£haslayout ÎÊÌâµÄµ÷ÊÔÓë½â¾öµ±ÍøÒ³ÔÚ IE ÖÐÓÐÒì³£±íÏÖʱ£¬¿ÉÒÔ³¢ÊÔ¼¤·¢ haslayout À´¿´¿´ÊDz»ÊÇÎÊÌâËùÔÚ¡£³£Óõķ½·¨ÊǸøijԪËØ css É趨 zoom:1 ¡£Ê¹Óà zoom:1 ÊÇÒòΪ´ó¶àÊýÇé¿öÏ£¬ËüÄÜÔÚ²»Ó°ÏìÏÖÓл·¾³µÄÌõ¼þϼ¤·¢ÔªËØµÄ haslayout¡£¶øÒ»µ©ÎÊÌâÏûʧ£¬ÄÇ»ù±¾ÉϾͿÉÒÔÅжÏÊÇ haslayout µÄÔ­Òò¡£È»ºó¾Í¿ÉÒÔͨ¹ýÉ趨ÏàÓ¦µÄ css ÊôÐÔÀ´¶ÔÕâ¸öÎÊÌâ½øÐÐÐÞÕýÁË¡£½¨ÒéÊ×ÏÈÒª¿¼ÂǵÄÊÇÉ趨ԪËØµÄ width/height ÊôÐÔ£¬Æä´ÎÔÙ¿¼ÂÇÆäËûÊôÐÔ¡£¶Ô IE6 ¼°¸üÔç°æ±¾À´Ëµ£¬³£Óõķ½·¨±»³ÆΪ»ôÀòÆƽâ(Holly hack)£¬¼´É趨Õâ¸öÔªËصĸ߶ÈΪ 1% (height:1%;)¡£ÐèҪעÒâµÄÊÇ£¬µ±Õâ¸öÔªËØµÄ overflow ÊôÐÔ±»ÉèÖÃΪ visible ʱ£¬Õâ¸ö·½·¨¾ÍʧЧÁË¡£»òÕßʹÓà IE µÄÌõ¼þ×¢ÊÍ¡£¶Ô IE7 À´Ëµ£¬×îºÃµÄ·½·¨Ê±ÉèÖÃÔªËصÄ×îС¸ß¶ÈΪ 0 (min-height:0;)¡£haslayout ÎÊÌâÒýÆðµÄ³£¼û bugIE6 ¼°¸üµÍ°æ±¾µÄË«¿Õ°×±ß¸¡¶¯ bugbug ÐÞ¸´: display:inline;IE5-6/win µÄ 3 ÏñËØÆ«ÒÆ bugbug ÐÞ¸´: _height:1%;E6 µÄ¶ã¶ãè(peek-a-boo) bugbug ÐÞ¸´: _height:1%;

¡¡¡¡ÍƼöÔĶÁ

¡¡¡¡CSS ×Ô¶¯¶¨Î» µÄÓ¦ÓÃ

ÔÚʹÓÃcss´´½¨ÀàËÆtitleÊôÐÔÌáʾ¿ò£¬³£¼ûµÄ·½·¨ÊÇʹÓþø¶Ô¶¨Î»£¬ÓøºÖµÊ¹ÆäÆ«ÒÆÓÚÆÁĻ֮Í⣬ÔÚÊó±ê¾­¹ýʱ¶¨ÒåÒ»¸öºÏÊʵÄÕýֵʹÆäÏÔʾµ½ÎÒÃÇËùÐèÒªµÄλÖᣵ«ÊÇ£¬ÓÐÒ»¸öÎÒÃDz»³£ÓõÄÊôÐÔÎÒÃdz£³£½«Æä¸éÖÃÒ»ÅÔ¶øδ>>>ÏêϸÔĶÁ


±¾ÎıêÌ⣺CSS haslayoutѧϰ

µØÖ·£ºhttp://www.17bianji.com/kaifa2/CSS/16737.html

¹Ø¼ü´Ê£º ̽Ë÷·¢ÏÖ

ÀÖ¹º¿Æ¼¼²¿·ÖÐÂÎż°ÎÄÕÂתÔØ×Ô»¥ÁªÍø£¬¹©¶ÁÕß½»Á÷ºÍѧϰ£¬ÈôÓÐÉæ¼°×÷Õß°æȨµÈÎÊÌâÇ뼰ʱÓëÎÒÃÇÁªÏµ£¬ÒÔ±ã¸üÕý¡¢É¾³ý»ò°´¹æ¶¨°ìÀí¡£¸ÐлËùÓÐÌṩ×ÊѶµÄÍøÕ¾£¬»¶Ó­¸÷ÀàýÌåÓëÀÖ¹º¿Æ¼¼½øÐÐÎÄÕ¹²ÏíºÏ×÷¡£

ÍøÓѵãÆÀ
×ÔýÌåרÀ¸

ÆÀÂÛ

ÈȶÈ

¾«²Êµ¼¶Á
À¸Ä¿ID=71µÄ±í²»´æÔÚ(²Ù×÷ÀàÐÍ=0)