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

CSSÍøÕ¾²¼¾Ödiv¸ß¶È×ÔÊÊÓ¦ ½â¾ö

ºÜ¶àµÄWeb
designerÔÚ¸Õ½Ó´¥W3C±ê×¼µÄʱºò£¬¶¼Óöµ½¹ý¸ß¶È×ÔÊÊÓ¦µÄÎÊÌâ¡£ÒòΪdivµÈ¶ÔÏóµÄheight:100%;²¢²»Äܹ»Ö±½Ó²úÉúʵ¼ÊЧ¹û£¬ÓÚÊÇ¿ªÊ¼
»³ÒÉä¯ÀÀÆ÷ÊÇ·ñÖ§³Öheight:100%;µÄ±àд·½·¨£¿µ±È»²»ÊÇ£¬×îÃ÷ÏÔµÄÀý×Ó¾ÍÊÇtable
height="100"ÊÇûÓÐÈκÎÎÊÌâµÄ¡£ÕâÊǺÜÁîÈË·³ÄÕµÄÎÊÌâ¡£ÎÒä¯ÀÀÁ˺ܶàÍøÕ¾£¬°üÀ¨www.w3cn.orgµÈ£¬ÓеĽâ¾ö°ì·¨ÊDz»¶ÏµØÐÞ¸Ä
heightµÄ¹Ì¶¨Öµ£¬»òÕßÀûÓÃÒ³Ãæ±³¾°ºÍdiv±³¾°ÏàͬÀ´ÆÛÆ­ä¯ÀÀÕßµÄÊÓ¾õ£¬µ«¶¼Ã»ÓдӸù±¾ÉϽâ¾öÎÊÌâ¡£½ñÌì´ÓÒ»±¾¡¶CSSÍøÕ¾²¼¾Öʵ¼¡·ÉÏÖÕÓÚÕÒµ½×î
ÍêÃÀµÄ½â¾ö°ì·¨£¬À´¿´Ò»ÏÂÕâ¶Î¸ß¶È×ÔÊÊÓ¦µÄCSS´úÂ룺
html,body{
     margin:0px;
     height:100%;
}
#left {
     background-color:#CCC;
     width:300px;
     height:100%;
     float:left;
}
´úÂëÒѾ­µ½Á˲»ÄÜÔÙ¼òµ¥µÄµØ²½£¬¶Ô#left¶ÔÏóÉèÖÃÁËheight:100%;£¬È»¶øÒ²Äܹ»¿´¼û£¬Í¬Ê±ÉèÖÃÁËHTMLÓëbodyµÄheight:100%;£¬¶øÕâ¸ö¾ÍÊǸ߶È×ÔÊÊÓ¦ÎÊÌâµÄ¹Ø¼üËùÔÚ¡£
·ÖÎö£º
Ò»¸ö¶ÔÏó¸ß¶ÈÊÇ·ñ¿ÉÒÔʹÓðٷֱÈÏÔʾ£¬È¡¾öÓÚ¶ÔÏóµÄ¸¸¼¶
¶Ô
Ïó£¬#leftÔÚÒ³ÃæÖÐÖ±½ÓÐýתÔÚbodyÖ®ÖУ¬Òò´ËËüµÄ¸¸¼¶ÊÇbody£¬¶øä¯ÀÀÆ÷ĬÈÏ״̬Ï£¬ÊÇûÓиøbodyÒ»¸ö¸ß¶ÈÊôÐԵģ¬Òò´Ëµ±ÎÒÃÇÖ±½ÓÉè
ÖÃ#leftΪheight:100%;ʱ£¬²»»á²úÉúÈκÎЧ¹û£¬¶øµ±ÎÒÃǸøbodyÉèÖÃÁË100%Ö®ºó£¬ËüµÄ×Ó¼¶¶ÔÏó#leftµÄ
height:100%;±ã·¢Éú×÷ÓÃÁË£¬Õâ±ãÊÇä¯ÀÀÆ÷½âÎö¹æÔòÒý·¢µÄ¸ß¶È×ÔÊÊÓ¦ÎÊÌâ¡£¶ø´úÂëÖгýÁ˸øbodyÓ¦ÓÃÖ®Í⣬»¹¸øHTML¶ÔÏóÒ²Ó¦ÓÃÏàͬµÄÑùʽ
Éè¼Æ£¬ÕâÑù×öµÄºÃ´¦ÊÇʹIEÓëfirefoxä¯ÀÀÆ÷¶¼Äܹ»ÊµÏָ߶È×ÔÊÊÓ¦£¬¶øbodyÈ´²»ÊÇ¡£ÁíÍ⣬FirefoxÖеÄHTML±êÇ©²»ÊÇ100%¸ß¶È£¬Òò
´Ë¸øÁ½¸ö±êÇ©¶¼¶¨ÒåΪheight:100%;ÒÔ±£Ö¤Á½¸öä¯ÀÀÆ÷ϾùÄܹ»Õý³£ÏÔʾ¡£


Ïà¹ØÎĵµ£º

¡¾Ê®Ì쾫ͨdiv+css²¼¾ÖϵÁн̡̳¿Ö®°Ë£ºCSS²¼¾ÖÈëÃÅ

1.¶¨ÒåDIV
¡¡¡¡·ÖÎöÒ»¸öµäÐ͵͍ÒådivÀý×Ó£º
¡¡¡¡#sample{ MARGIN: 10px 10px 10px 10px;
¡¡¡¡PADDING:20px 10px 10px 20px;
¡¡¡¡BORDER-TOP: #CCC 2px solid;
¡¡¡¡BORDER-RIGHT: #CCC 2px solid;
¡¡¡¡BORDER-BOTTOM: #CCC 2px solid;
¡¡¡¡BORDER-LEFT: #CCC 2px solid;
¡¡¡¡BACKGROUND: url(images/bg_poem.jpg) # ......

DIV+CSS²¼¾Ö¶ÔseoÓÐÄÄЩӰÏ죿£¿


SEOÖ÷Òª¾ÍÊÇͨ¹ý¶ÔÍøÕ¾µÄ½á¹¹£¬±êÇ©£¬ÅŰæµÈ¸÷·½ÃæµÄÓÅ»¯£¬Ê¹GoogleµÈËÑË÷ÒýÇæ¸üÈÝÒ×ËÑË÷ÍøÕ¾µÄÄÚÈÝ£¬²¢ÇÒÈÃÍøÕ¾µÄ¸÷¸öÍøÒ³ÔÚGOOGLEµÈËÑË÷ÒýÇæÖлñµÃ½Ï¸ßµÄÆÀ·Ö£¬´Ó¶ø»ñµÃ½ÏºÃµÄÅÅÃû¡£DIV+CSSÍøÒ³²¼¾Ö¶ÔSEOÓÐÄÄЩӰÏìÄØ£¿´úÂ뾫¼òʹÓÃDIV+CSS²¼¾Ö£¬Ò³Ãæ´úÂ뾫¼ò£¬ÕâÒ»µãÏàÐŶÔXHTMLÓÐËùÁ˽âµÄ¶¼ÖªµÀ¡£´úÂ뾫¼òËù´øÀ´µÄÖ±½ ......

CSS ¹ýÂËÆ÷ Â˾µ

Â˾µÐ§¹û | ¹¦ÄÜÃèÊö
-----------------------------------------------
Alpha | ÉèÖò»Í¬µÄ͸Ã÷¶È±ä»¯Ð§¹û
-----------------------------------------------
Blur | ½¨Á¢Ä£ºýЧ¹û
-----------------------------------------------
DropShadow| ½¨Á¢Ò»ÖÖÆ«ÒƵÄÓ°ÏóÂÖÀª£¬¼´Í¶ÉäÒõÓ°
---------------------- ......

CSS»¬¶¯ÃźáÏò²Ëµ¥À¸

Ч¹ûÈçÏ£º
              
ʵÏÖ·½·¨£ºÀûÓÃÒ»ÏÂÁ½ÕÅͼƬ£º                
ǰ̨´úÂ룺
 <div id="nagivation">
    &nb ......

IEºÍFirefoxÔÚcss,JavaScript·½ÃæµÄ¼æÈÝÐÔ

1.document.formName.item("itemName") ÎÊÌâ
˵Ã÷:IEÏÂ,¿ÉÒÔʹÓÃdocument.formName.item("itemName")»òdocument.formName.elements["elementName"];FirefoxÏÂ,Ö»ÄÜʹÓÃdocument.formName.elements["elementName"].
½â¾ö·½·¨:ͳһʹÓÃdocument.formName.elements["elementName"].
2.¼¯ºÏÀà¶ÔÏóÎÊÌâ
˵Ã÷:IEÏÂ,¿ÉÒÔʹÓÃ() ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ