cssµÄdivǶÌ×ÎÊÌâ
ѧÁËcss¼¸Ì죬·¢ÏÖÓиöÎÊÌâ¡£
ÈçͼËùʾ,×îÍâ²ãÓиödiv£¨·ÛÉ«£©£¬ÄÚ²¿ÉÏÖÐÏÂÈý¸ödiv£¬ÖмädivÄÚÓÐÈý¸öˮƽÅÅÁеÄdiv£¨ÂÌÉ«£©¡£
“middle”divµÄ¸ß¶ÈÊǸù¾ÝÄÚ²¿Èý¸öÂÌÉ«div¸ß¶È±ä»¯µÄ¡£Õâ¸öÓа취ʵÏÖÂð£¿
ÎÒÊÔÁËÊÔ£¬Èç¹ûÈý¸öÂÌÉ«divˮƽÅÅÁеĻ°£¬middleµÄ¸ß¶È¾Í²»ÄÜ×Ô¶¯ÊÊÓ¦£¬±ØÐëÖƶ¨¸ß¶È¡£ÎÒ°Ñ3¸öÂÌÉ«divÔÝʱÓÃtableÌæ»»ÁË¡£
Ïà¹ØÎĵµ£º
Ч¹ûͼ£º
csstest.css
*{
margin-left:0;
margin-top:0;
font-size:12px;
color:White;
}
#biaoge
{
/*¶ÔIDΪbiaogeµÄ±êǩʹÓôËCSS*/
width:405px; /*Áпí100£¬¼ÓÉÏÎå¸öΪ1µÄ±ß¾à£¬ËÄÁоÍÊÇ405*/
&nbs ......
CSSÃüÃû¹æ·¶
Ò»£®ÎļþÃüÃû¹æ·¶
È«¾ÖÑùʽ£ºglobal.css£»
¿ò¼Ü²¼¾Ö£ºlayout.css£»
×ÖÌåÑùʽ£ºfont.css£»
Á´½ÓÑùʽ£ºlink.css£»
´òÓ¡Ñùʽ£ºprint.css£»
¶þ£®³£ÓÃÀà/IDÃüÃû¹æ·¶
Ò³¡¡Ã¼£ºheader
ÄÚ¡¡ÈÝ£ºcontent
ÈÝ¡¡Æ÷£ºcontainer
Ò³¡¡½Å£ºfooter
°æ¡¡È¨£ºcopyright¡¡
µ¼¡¡º½£ºmenu
Ö÷µ¼º½£ºmainMenu
×Óµ¼º½£ºsu ......
Õâ¸öϵÁпÉÄÜÐÂÊÖ¶ÁÆðÀ´±È½ÏÂý£¬µ«ÎÒ¾¡Á¿ÓÃÒ׶®µÄ·½Ê½½²½â£¬ÒòΪÎÒÔø¾ÊdzõѧÕߣ¬ÎÒÖªµÀ´ó¼ÒÏëÖªµÀʲô¡£Ò»ÕÅÍøÃæÆäʵҳÃæÄÚÈÝÊDZȽÏÖØÒªµÄ£¬Í¼ÏñÊÇÊôÓÚ½õÉÏÌí»¨£¬µ±È»ÍøÒ³µÄÅÅ°æÒ²ºÜÖØÒª¡£ÔÚCSS½ÒÃØѧϰµÄµÚÒ»Õ¾£¬Ê×ÏÈҪѧϰһÏÂÎÄ×ÖºÍÎı¾£¬Èôó¼Ò¶ÔcssÓиö³õ²½µÄÈÏʶ¡£
&nb ......
Ðí¶àÈËÈÏΪie6²»Ö§³Ö!important£¬ÆäʵÊDZ»Ò»ÌõÕë¶Ôie 6µÄcss hack¸øÎóµ¼ÁË¡£ÕâÌõcss hackÊÇ£º
.test {
height: auto !important;
height: 500px;
}
.testµÄ¸ß¶ÈÔÚÆäËûä¯ÀÀÆ÷ÀïÃæÊÇauto£¬¶øÔÚie6ÀïÃæÊÇ500px£¬Ðí¶àÈËÔÚ½âÊÍÕâÌõcss hackÖ®ËùÒÔ»áÉúЧÊÇÒòΪie6²»Ö§³Ö!important£¬Îóµ¼Á˲»ÉÙÈ ......