cssµÄЧ¹ûÎÊÌ⣬ÔõôʵÏÖ²»Á˰¡
CSS code:
body {
}
#x
{
width:1024px;
height:768%;
background-color:Red;
position:relative;
}
#x.top
{ position:absolute;
width:800px;
height:100px;
top:0px;
}
#.left
{ position:absolute;
width:198px;
height:17px;
float:left;
top:100px;
font-family:»ªÎÄÐÂκ;
background-color:Red;
left:0px;
}
#x.right
{ position:absolute;
width:198px;
height:60%;
float:right;
top:100px;
font-family:@»ªÎÄÐÂκ;
background-color:Red;
right:0px;
}
#x.end
{ position:absolute;
width:1024px;
height:30px;
bottom:0px;
font-family:·ÂËÎ_GB2312;
background-color:Yellow;
}
²»ÖªµÀ´ó¼ÒÄÜ·ñ¿´µÄ¶®ÎÒµÄÑùʽ£¬ÐÂÊÖ£¬ºÙºÙ£¬
ÎÒ¾ÍÊÇÏëʵÏÖÒ»¸öЧ¹û£¬ÎÒ¶¨ÒåËĸö²ã£¬ÉÏ top ÖмäµÄ×ó£¨left£© ÓÒ£¨right£© µ×²¿µÄend
ÏëÒªµÄЧ¹ûÊǶ¥²¿µÄ²ã¾çÖУ¬È»ºó×ó±ßµÄ²ãÊǸ¡¶¯ÔÚ#xÕâ¸ö·¶Î§ÄÚµÄ×î×ó±ß£¬right¸¡¶¯ÔÚ#xµÄ×îÓұߣ¬µ×²¿¾Í²»ÓÃ˵ÁË£¬½ô°¤×ÅÒ³Ãæ×îϱߣ¬µ«ÊÇʵÏÖ²»ÁË£¬ÓÐû¸ßÊÖ°ïæ¿´Ï£¬µ½µ×´úÂëÊÇÄÄÀï³ö´íÁË£¬
#xÀï±ßµÄ³¤¶ÈÄÄÀï´íÁË£¬Ó¦¸ÃÊÇheight£º768px£»
top:100px;
¸ÄÏ¿´Ðв»
¸ç£¬ÄÄÀïtop£º100px£»
×Ô¼º¶¥Ï¡£¡£¡£¡£¡£¡£¡£¡£¡£¡£¿ñº¹¡£¡£¡£¡£
ºÇºÇ£¬ºÜÃ÷ÏԵĵط½
ÄãÖмäÁ½¸ö²ãÓõÄÊǾø¶Ô¶¨Î»,float:XX¾ÍʧЧÁË
¶¼¾ø¶Ô¶¨Î»ÁË»¹Ôõô¿ÉÄܸ¡¶¯?
ÄãÓ¦¸Ã°ÑX²ãµÄpadding-top: ÉèÖÃΪtop²ãµÄheight
µÄ²
Ïà¹ØÎÊ´ð£º
Ö±½Óͨ¹ýÁ´½ÓÌø×ªµ½jspÒ³ÃæµÄʱºòcssÑùʽÄÜÕý³£ÏÔʾ£¬
µ«ÊÇͨ¹ýactionºǫ́´¦ÀíÍêÒµÎñÂß¼ºóÌø×ªÓÃmappingÌø×ªµ½jspµÄʱºòÕû¸öÑùʽ¶¼Ã»ÓÐÏÔʾÁË
Ôõô½â¾ö
ллÁË
ÔõôûÈ˻شð°¡
¾ÍÊÇͨ¹ýspring·ÃÎÊjsp ......
ÏÂÃæÊDz»´øÍ¼Æ¬µÄÔ²½ÇCSS box£¬¿´ÏÂÃæÑÝʾЧ¹û°É£º
http://www.abaonet.com/jsCode/page/200911/2310.html
²»´í~~~~¶¥~~~~¾ÍÊÇ´úÂëÓеã¶à£¡½Ó·Ö£¡£¡£¡
Óд´Ò⣬²»¹ý±ß½ÇµÄµã×´Óоâ³Ý£¬Ã»ÓÐͼƬºÃ¿´£¬ºÇºÇ
......
¶ÔCSSÄÜ¿´¶®£¬µ«Ò»Ð©ÊôÐÔ»¹ÊDz»Äܹ»ÍêÈ«Àí½â¡£
×Ô¼ºÖ»»áдЩ³£ÓõÄCSS¡£»¹Ã»´ïµ½´´ÔìºÍ´´Ðµĵز½¡£
ËùÒÔÏëÎÊϸ÷λǰ±²£¬Ó¦¸Ã¿´ÄDZ¾Êé½ÏºÃÄØ£¿
½¨Òé²»ÂòÊéÍøÉÏÕҽ̳Ì×Ôѧ£¬Õâ¸ö¶«Î÷²»ÊǺÜÄÑ£¬¶àÁ·Ï°¾Í»áÁË
......
cssÖÆ×÷µÄµ¯³ö²Ëµ¥£¬Êó±êÒÆ³öºó²Ëµ¥Ïûʧ£¬ÎÒÏÖÔÚÏëÈÃÊó±êÒÆ³öºó²Ëµ¥±£Áô¡£¾ÍÏñÒÁÀû¹«Ë¾£¨www.yili.com)Ò»Ñù¡£
ÊDz»ÊÇÒª¸Ä²Ëµ¥µ¯³öµÄjs»òcss´úÂë¡£´úÂëÈçÏ£º¾ÍÊDz»ÖªÈçºÎ¸Ä?
function menuFix()
{var sfEls = doc ......