ÈçºÎͨ¹ýcss¿ØÖÆdivÔÚÒ³ÃæÏÔʾµÄ´óС
Èç¹û²»ÓÃcss¿ØÖƵϰ£¬div»áÏԵúܴó£¬ÄÇô¸ÃÈçºÎÓÃcss¿ØÖÆÔÚÒ³ÃæÏÔʾµÄ´óС£¬ÒÔ¼°Ïà¶ÔÒ³ÃæµÄλÖã¿£¿£¿£¿
<div class=tree>
</div>
.tree{
font-family: MS UI Gothic;
font-size: 12px;
color: #000000;
border:solid 1px #6699FF;
width:165px;
height:420px;
overflow-x:scroll;
overflow-y:auto;
position:relative;
left:10px;
top:100px;
}
Õâ¸öcssµÄЧ¹û»¹ÊDz»ÐУ¬Õû¸ö²ã¶¼¿¿ÓÒÏÔʾÁË£¬ÎÒÊÇÏëÈÃÕû¸ö²ã¾ÓÖÐÏÔʾ£¬ÏÂÃæÊÇÎҵĴúÂ룬ÄãÄܰïÎÒ¸Äһϲ»£¿£¿£¿
HTML code:
<html>
<head>
<title></title>
<style type="text/css">
.tree{
font-family: MS UI Gothic;
font-size: 12px;
color: #000000;
Ïà¹ØÎÊ´ð£º
Ö±½Óͨ¹ýÁ´½ÓÌø×ªµ½jspÒ³ÃæµÄʱºòcssÑùʽÄÜÕý³£ÏÔʾ£¬
µ«ÊÇͨ¹ýactionºǫ́´¦ÀíÍêÒµÎñÂß¼ºóÌø×ªÓÃmappingÌø×ªµ½jspµÄʱºòÕû¸öÑùʽ¶¼Ã»ÓÐÏÔʾÁË
Ôõô½â¾ö
ллÁË
ÔõôûÈ˻شð°¡
¾ÍÊÇͨ¹ýspring·ÃÎÊjsp ......
±ÈÈçÎÒ×öµÄÒ»ÕÅͼ ÀïÃæ°üº¬ÁËN¸öСͼƬ
CSSÕâÑùд£º
.a{background:url('/images/theme-hotgoods.gif') no-repeat left -130px;}
.b{background:url('/images/theme-hotgoods.gif') no ......
FFºÍWEBKITµÄ½¥±äЧ¹ûÓÃCSSÈçºÎʵÏÖ
Çë½Ì¸÷λDX
Õâ¸öÎÊÌâÀ§ÈÅСµÜ¼¸ÌìÁËÍøÉÏÕÒµ½µÄ¶¼ÊÇIEµÄ·½·¨
FFºÍCHROME¶¼Ã»Óа취ʵÏÖ
±³¾°Í¼£¬cssÃ²ËÆ²»ÐУ¬
³ýÁ˱³¾°Í¼ÄØ£¿ÎÒ¾õµÃÓ¦¸Ã¿ÉÒÔµÄ°É IEÄÇôÀ ......
ÎÒÏë×öµÄÊÇÕâÑùÒ»¸öЧ¹û£¬Äã×ó±ß×öµÄÊǵ¼º½²Ëµ¥£¬¼ÙÈçÓÐÈô¸É¸ö³¬¼¶Á´½Ó£¬µã»÷ij¸öºóÕâ¸öÁ´½ÓµÄÄÚÈÝÒªµ½ÓÒ±ßÏÔʾ¡£µ±È»Õâ¸ö¹¦ÄÜ¿ÉÒÔʹÓÃHtmlÖÐµÄ frame¿ò¼ÜʵÏÖ£¬µ«ÊÇÏÖÔÚÓкܶàµÄä¯ÀÀÆ÷²»Ö§³ÖÕâÖÖframe£¬Äܲ»ÄÜÓÃcss ......
ÎÒºÜÃÔã
ÎÒ×öµÄ²¿·ÝDIV+CSSµÄÍøÕ¾
¶¼ÊÇÖ»ÄÜÔÚIE6ÏÂä¯ÀÀÕý³£µÄ
ÒòΪÎÒ²»Êǰ´±ê×¼À´Ð´µÄ£¬ËùÒÔÔÚfirefoxϲ¼¾Ö£¬Ð§¹û¾ÍÍêÈ«²»Í¬ÁË¡£
ÎÒ¿´ÁËһЩÀàËÆ¡°CSSÔÚieϺÍfirefoxϵļæÈÝ¡±Ö®ÀàµÄ×ÊÁÏ
ËüÃÇÖ±½ ......