¸ßµÍmarginÖصþͨ±¨ÌâÄ¿
ÏÂÃæµÄ¼¸¸ö²¿·ÖÓ¦µ±ÊÇmarginÖصþÎÊÌâµÄËùÓÐ×´¿öÁË£º
1¡¢Á½¸öÒ»°ãÔªËØÉÏϵÄmargin»ãºÏ²¢ÎªÒ»¸ömargin£¬Äĸö´óÑ¡Äĸö£¡
Á½¸ö¸¡¶¯ÔªËز»»áÏÔÏÖmargin´«µÝµÄÎÊÌ⣬ÈÔÈ»ÊÇÉÏÃæÔªËصÄmargin-bottomºÍÏÂÃæÔªËصÄmargin-topÏà¼Ó×÷ΪÁ½ÕßÖ®¼äµÄmarginÖµ¡£
2¡¢Á½¸öÔªËؼÙÈçÊÇ°üÀ¨¹Øϵ£¬¸¸ÔªËغÍ×ÓÔªËØÉÏÏÂmarginÖµÒ²»ãºÏ²¢£¨Òý¼öѧϰ£ºCSSÊÓƵ½Ì³Ì£©
µ±¸¸ÔªËز»¼Ó±ß¿ò£¬²»É趨¿í¸ß£¬¼´¸¸¼¶Ã»Óд¥·¢haslayoutʱ | IE6¡¢7ºÍ±ê×¼ÔĶÁÆ÷Ï£¬¾ù»á·¢Éúmargin´«µÝÎÊÌâ×ÓÔªËغ͸¸ÔªËصĸ߶ÈÀ×ͬ£¨×ÓÔªËصÄtop½«ºÍ¸¸ÔªËصÄtopÔÚÒ»ÌõÖ±ÏßÉÏ£¬bottom½«ºÍ¸¸ÔªËصÄbottomÔÚÒ»ÌõÖ±ÏßÉÏ£©¶ø¸¸ÔªËØÔòÑ¡ÖÐÁ½ÕßÖ®¼ä´óµÄÊýÖµ×÷Ϊ¸¸ÔªËصÄmargin-topÖµºÍmargin-bottomÖµ£¡£¡£¡ ×ÓÔªËصÄmargin-leftºÍmargin-rightÖµÈÔÈ»´æÔÚ |
µ±¸¸ÔªËز»¼Ó±ß¿ò£¬µ«ÊÇ£¬É趨¿í»ò¸ß»òzoom£º1£»¼´¸¸¼¶¼Ó¿ÉÒÔ´¥·¢haslayoutµÄÊôÐÔʱ | ±ê×¼ÔĶÁÆ÷Ï£¬»á·¢Éúmargin´«µÝµ«ÊÇÔÚIE6¡¢7ÏÂÔò²»»á·¢Éúmargin´«µÝ£¨¼´×ÓÔªËصÄmargin¾ÍÊÇÏà¹ØÓÚ¸¸ÔªËصģ¬²»»á´«µÝ¸ø¸¸¼¶£© |
µ±¸¸¼¶¼Ó±ß¿ò£¬²¢ÇÒ¸¸¼¶Ã»Óд¥·¢haslayoutʱ | ±ê×¼ÔĶÁÆ÷Ï£¬²»»á·¢Éúmargin´«µÝIE6¡¢7Ï£¬×ÓÔªËصÄmargin³¹µ×ÏûÊÅ£¡ |
µ±¸¸¼¶¼Ó±ß¿ò£¬²¢ÇÒ¸¸¼¶´¥·¢haslayout£¨¼´¼Ówidth»òheight»òzoom£º1£©Ê±£¬ | IE6¡¢7ºÍ±ê×¼ÔĶÁÆ÷Ï£¬¶¼²»»á·¢Éúmargin´«µÝ£¡£¡£¡ |
¹ØÓÚIE6¡¢7À´Ëµ£º
¼´Ö»Òª´¥·¢haslayout£¬²»¹Ü¸ø²»¸ø¸¸ÔªËؼӱ߿ò£¬²»¹Ü±ê×¼ÔĶÁÆ÷»á²»»á·¢Éúmargin´«µÝ£¬IE6¡¢7϶¼²»»á·¢Éúmargin´«µÝ£¡£¡£¡
¶ø¹ØÓÚ±ê×¼ÔĶÁÆ÷À´Ëµ£º
Ö»Òª¼Ó±ß¿ò²ÅÄÜÐÒÃâmargin´«µÝ£¡£¡£¡
¸ø¸¸ÔªËØÔö¼Ó±ß¿ò£¬Ôò×ÓÔªËغ͸¸ÔªËØÖ®¼äµÄmargin¾ÍÓзָîÏßÁË£¬´Ëʱ½«²»»á·¢ÉúºÏ²¢ÏÖÏóÁË£¡¼ÙÈç¸ø×ÓÔªËØÔö¼Ó±ß¿òÁ½ÕßµÄmarginÖµ»¹ÊÇûÓб»·Ö¿ª£¬ËùÒÔÈÔÈ»»¹»á·¢ÉúÖصþÏÖÏó£¡
¼ÙÈçÕâÀ︸ԪËØÀï°üÀ¨Á˶à¸ö¿é×ÓÔªËØ£¬Ôòÿ¸ö×ÓÔªËØÖ®¼äÖª×ãÉÏÏÂmarginÖصþ£¬Ñ¡ÖÐÁ½Õ߽ϴóµÄmargin×÷ΪÁ½ÕßÖ®¼äµÄmargin£¬µÚÒ»¸ö×ÓÔªËصÄtopºÍ¸¸ÔªËØÖصþ£¨×óͼÉÏÃæ°×É«¾àÔĶÁÆ÷¶¥µÄ°×É«ÇøÓò±ãÊÇ£©£¬×îºóÒ»¸ö×ÓÔªËصÄbottomºÍ¸¸ÔªËØÖصþ¡£IE6¡¢7ºÍ±ê×¼ÔĶÁÆ÷ÏÔʾ½á¹û¾ùÈç×óͼ¡£
´Ëʱ£¬¼ÙÈçÁ½¸ö¿éÔªËØÊǸ¡¶¯ÔªËØ£¬ÄÇô£¬ÄÇô¾Í²»´æÔÚ×ÓÔªËغ͸¸ÔªËصÄmargin´«µÝ×´¿ö£¬´Ëʱ£¬ÉÏϵÄmarginÖµÔòÊÇÁ½ÕßÖ®¼äµÄ¸÷×ÔmarginÖµÏà¼Ó£¡±ê×¼ÔĶÁÆ÷ÏÔʾÈçÏÂͼÖУ¬IE6ÏÔʾÈçÏÂͼÓÒ¡£µ«ÎªÊ²Ã´ÏÔʾÓвî±ðÄØ£¿
ÓÉÓÚ£¬¶îµÎÉñ°¡£¡Ò»²¨Î´Æ½Ò»²¨ÓÖÆ𣡿é×´ÔªËغͺáÏòmarginºÍ¸¡¶¯ÈýÕß¼¤·¢ÁËIE6µÄеļæÈÝÐÔÎÊÌ⡪¡ªË«±ß¾àbug£¨ÁôÒâIE7ûÓÐË«±ß¾àbug£¡£¡£¡£¡£©
ÓÉ´Ë
ʵ¼ùʱ£¬µÚÒ»±ØȻҪ¸ø¸¸ÔªËؼӴ¥·¢haslyoutµÄÊôÐÔ£¡ÕâÒ»Ìõ°ü¹ÜÁËÔÚIE6¡¢7ϲ»ÏÔÏÖmargin´«µÝÎÊÌâºÍmarginÖµÏûÊÅÎÊÌ⣻
È»ºó£¬Ë¼¿¼ÔÚ±ê×¼ÔĶÁÆ÷Ï£¬¸ø×ÓÔªËؼӸ¡¶¯¿ÉÒÔ½â¾öûÓÐborderʱÏÔÏÖµÄmargin´«µÝÎÊÌ⣬µ«ÊÇ´Ëʱ¼Ó¸¡¶¯ºó»áÔì³ÉIE6µÄË«±ß¾àbug£¬ËùÒÔÎÒÃÇʵ¼ùʱ¾¡Á¿½«¸¡¶¯µÄ¿é×´ÔªËصÄmargin»»Îªpadding£¬¼ÙÈçʵÔÚ²»¿Ë²»¼°»»¾Í¸ø¸ÃÔªËؼÓdisplay:inline;£¡
3¡¢Á½¸öDiv£¨A¡¢B£©ÉÏÏÂÖ®¼äûÓÐmarginÖµ£¬µ«ÊÇAÖÐÓÐ×ÓÔªËØÓÐmargin£¬Õâʱ¸Ã×ÓÔªËصÄmarginÖµ»á´«µÝµ½Á½Õ߼䣬»áʹA¡¢BÁ½¸öÔªËØÖ®¼äÌî³äÉÏmargin£¬½öÏÞ´¹Ö±±êµÄÄ¿µÄ£¡£¡£¡
¹ØÓÚÕâ¸öÎÊÌ⣬´óÔ¼¾ÍÊÇÕâÑùÀ²£¬ÆäʵҲºÜ¼ò±ã£¬Ö»ÊÇÎÒ°ÑËùÓеÄ×´¿öÁгöÀ´ÁË£¬Æäʵ×ÛºÏÆðÀ´¾ÍÊÇÉÏÃæ×ܽᲿ·ÖµÄÄÚÈÝ¡£
ÎÒ¸ÐÊÜÕâ¸ömargin´«µÝºÍÖصþ¶¼ÊÇÓÉÓÚÁ½ÕßµÄmarginÖµÖ®¼äûÓб߿ò»òÕßÊÇpadding½«marginÕâÒ»¿Õ°×ÇøÓò¸ô¿ª£¡£¡£¡£¡
ÒÔÉϾÍÊÇÉÏÏÂmarginÖصþ´«µÝÎÊÌâµÄ¾ßÌåÄÚÈÝ£¬¸ü¶àÇë¹Ø×¢°Ù·Ö°ÙÔ´ÂëÍøÆäËüÏà¹ØÎÄÕ£¡
¸ÐлÄúµÄÖ§³Ö£¬ÎÒ»á¼ÌÐøŬÁ¦µÄ!
´ò¿ªÖ§¸¶±¦É¨Ò»É¨£¬¼´¿É½øÐÐɨÂë´òÉÍŶ
°Ù·Ö°ÙÔ´ÂëÍø ½¨Òé´òÉÍ1¡«10Ôª£¬ÍÁºÀËæÒ⣬¸ÐлÄúµÄÔĶÁ£¡