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

cssÖÐheight:100%²»Æð×÷ÓõĽâ¾ö·½·¨

ÔÚÍøÒ³Éè¼ÆÖУ¬tableÓÃheight:100%ÊÇ¿ÉÒÔÕûÆÁµÄ£¬µ«ÐèÒªÔÚÍøÒ³Í·²¿Ôö¼Ó:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
ºó¾ÍºÍûÓÐÓÃheight:100%Ò»ÑùÁË£¬ºóÀ´·¢ÏÖÒª¸øhtml,body¶¼Ôö¼Óheight:100%µÄÊôÐÔ£¬ÕâÊǸ߶È×ÔÊÊÓ¦ÎÊÌâµÄ¹Ø¼üËùÔÚ¡£
´úÂëÈçÏÂ:
html,body{
margin:0px;
height:100%;
}
Ò»¸ö¶ÔÏó¸ß¶ÈÊÇ·ñ¿ÉÒÔʹÓðٷֱÈÏÔʾ£¬È¡¾öÓÚ¶ÔÏóµÄ¸¸¼¶¶ÔÏó£¬TableÔÚbodyÖ®ÖУ¬Òò´ËËüµÄ¸¸¼¶ÊÇbody£¬¶øä¯ÀÀÆ÷ĬÈÏ״̬Ï£¬ÊÇûÓиøbodyÒ»¸ö¸ß¶ÈÊôÐԵģ¬Òò´Ëµ±ÎÒÃÇÖ±½ÓÉèÖÃ#leftΪheight:100%;ʱ£¬²»»á²úÉúÈκÎЧ¹û£¬¶øµ±ÎÒÃǸøbodyÉèÖÃÁË100%Ö®ºó£¬ËüµÄ×Ó¼¶¶ÔÏó TableµÄheight:100%;±ã·¢Éú×÷ÓÃÁË£¬Õâ±ãÊÇä¯ÀÀÆ÷½âÎö¹æÔòÒý·¢µÄ¸ß¶È×ÔÊÊÓ¦ÎÊÌâ¡£¶ø´úÂëÖгýÁ˸øbodyÓ¦ÓÃÖ®Í⣬»¹¸ø HTML¶ÔÏóÒ²Ó¦ÓÃÏàͬµÄÑùʽÉè¼Æ£¬ÕâÑù×öµÄºÃ´¦ÊÇʹIEÓëfirefoxä¯ÀÀÆ÷¶¼Äܹ»ÊµÏָ߶È×ÔÊÊÓ¦¡£ÁíÍ⣬FirefoxÖеÄHTML±êÇ©²»ÊÇ 100%¸ß¶È£¬Òò´Ë¸øÁ½¸ö±êÇ©¶¼¶¨ÒåΪheight:100%;ÒÔ±£Ö¤Á½¸öä¯ÀÀÆ÷ϾùÄܹ»Õý³£ÏÔʾ¡£


Ïà¹ØÎĵµ£º

¹ØÓÚdiv/cssÖÐÉèÖÃflash͸Ã÷µÄ֪ʶ

¡¢ÔÚFlash¼ÓÈ룺<param name="wmode" value="opaque">
2¡¢ÔÚDIVÀï¼ÓÈ룺position:absolute;z-index:10;£¨Êý×ÖÔ½´óÔ½´¦ÓÚÉϲ㣩
FLASH͸Ã÷±³¾°
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 ......

div+cssÍøÒ³Éè¼Æ¼¼ÇÉ»ã×Ü

½ñÌìÎÒÃÇ»ã×ÜÁËÐí¶àdiv+cssÍøÒ³Éè¼ÆÖо­³£Óõ½µÄ¾­ÑéºÍ¼¼ÇÉ£¬´ó¼Ò¿ÉÒÔ¶à¶à²Î¿¼£¬¶ÔÄãµÄÒ³ÃæÉè¼ÆÒ»¶¨ÓкܴóµÄ°ïÖú!
Èç¹ûÎÄ×Ö¹ý³¤£¬Ôò½«¹ý³¤µÄ²¿·Ö±ä³ÉÊ¡ÂÔºÅÏÔʾ£ºIE5£¬FFÎÞЧ£¬µ«¿ÉÒÔÒþ²Ø£¬IE6ÓÐЧDIV STYLE=“width£º120px£»height£º50px£»border£º1px solid blue£»overflow£ºhidden£»text-overflow£ºellipsis&rdquo ......

Flex±àÒëCSS×ÊÔ´Óë¹ú¼Ê»¯

1)      ±àÒëCSS×ÊÔ´
 
Îļþä¯ÀÀÆ÷£¨Navigator£©ÖУ¬ÔÚ±ê×¼µÄFlex CSSÎļþÉϵã»÷ÓÒ¼ü£¬µã»÷Compile CSS to SWF¼´¿ÉÍê³É±àÒëCSSµÄÈÎÎñ¡£
ÔÚ³ÌÐòÖпÉÒÔÓÃStyleManager.loadStyleDeclarations()À´¶Á³öÒѱàÒëºÃµÄCSSÎļþÖеÄÄÚÈÝ¡£
¾ßÌå²Ù×÷ÈçÏÂ:
      &nbs ......

CSS¼æÈÝÐÔ£¨1£© !important

Ðí¶àÈËÈÏΪie6²»Ö§³Ö!important£¬ÆäʵÊDZ»Ò»ÌõÕë¶Ôie 6µÄcss hack¸øÎóµ¼ÁË¡£ÕâÌõcss hackÊÇ£º
.test {
    height: auto !important;
    height: 500px;
}
.testµÄ¸ß¶ÈÔÚÆäËûä¯ÀÀÆ÷ÀïÃæÊÇauto£¬¶øÔÚie6ÀïÃæÊÇ500px£¬Ðí¶àÈËÔÚ½âÊÍÕâÌõcss hackÖ®ËùÒÔ»áÉúЧÊÇÒòΪie6²»Ö§³Ö!important£¬Îóµ¼Á˲»ÉÙÈ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ