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
µÄ²
Ïà¹ØÎÊ´ð£º
Ƥ·ôºÍÑùʽ±í¶¼¿ÉÒÔÉèÖÿؼþµÄÍâ¹Û£¬¾ßÌåÓÐÊ²Ã´Çø±ðÄØ£¿
skin ÊÇasp.net ÌåϵµÄ ¾ÍÏ൱ÓÚ<asp:TextBox> ¶ÔÓ¦ÓÚ<input type="text">
Äã°ÑƤ·ôµ±³ÉÒ·þ£¬°ÑÑùʽ±íµ±³É»¯×±Æ·¾ÍÈÝÒ×Àí½âÁË
......
Ö±½Óͨ¹ýÁ´½ÓÌø×ªµ½jspÒ³ÃæµÄʱºòcssÑùʽÄÜÕý³£ÏÔʾ£¬
µ«ÊÇͨ¹ýactionºǫ́´¦ÀíÍêÒµÎñÂß¼ºóÌø×ªÓÃmappingÌø×ªµ½jspµÄʱºòÕû¸öÑùʽ¶¼Ã»ÓÐÏÔʾÁË
Ôõô½â¾ö
ллÁË
ÔõôûÈ˻شð°¡
¾ÍÊÇͨ¹ýspring·ÃÎÊjsp ......
ÃÀ¹¤ÔÚIE6ÏÂ×öµÄhtmlÒ³,ÀïÃæÓõ½ÁËCSSÑùʽ
ÎÒÔÚIE7ÏÂÓÃvisual studio 2008×öaspxÒ³,ÀûÓÃÁËÉÏÃæµÄÒ³Ãæ²¼¾Ö,ÎÒÖ»ÊÇÔÚvs.netÏÂд´úÂë
ÏÖÔÚÒ³ÃæÔÚIE7ÏÂÄÜÕý³£ÔËÐÐ,¿ÉÊÇÔÚIE6Àï¾ÍÏÔʾ²»³ÉÑù×Ó,¿´ÄÇÑù×ÓÊÇÒýÓò»ÁË ......
ÎÒ¹«Ë¾Ä¿Ç°³Ð½ÓÒ»¸öÏîÄ¿£¬widget·½Ã棬ʱ¼ä½ôÕÅ¡£ÐèҪһλ¾ß±¸Õâ·½Ãæ¼¼ÊõºÍÄÜÁ¦µÄÅóÓÑÀ´´òÔìÍŶӣ¬¹²Í¬Íê³ÉÏîÄ¿¡£È«Ö°¡¢¼æÖ°¾ù¿É¡£´ýÓö´ÓÓÅ¡£
ͬʱ»¹ÐèÒªÈô¸ÉÕâ·½ÃæµÄÈ˲ţ¬¹²Í¬Íê³É´ËÏîÈÎÎñ£¬¼æÖ°¡¢È«Ö°¾ù¿É ......
²»¶®ËûÍø¸ñÈçºÎÔÀí
\Using Nesting Grids
YUI Grids CSS provides a system for subdividing sections of your page with nestable grids. Use this technique to easily create complex layouts that go ......