ÈçºÎͨ¹ý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;
Ïà¹ØÎÊ´ð£º
FFºÍWEBKITµÄ½¥±äЧ¹ûÓÃCSSÈçºÎʵÏÖ
Çë½Ì¸÷λDX
Õâ¸öÎÊÌâÀ§ÈÅСµÜ¼¸ÌìÁËÍøÉÏÕÒµ½µÄ¶¼ÊÇIEµÄ·½·¨
FFºÍCHROME¶¼Ã»Óа취ʵÏÖ
±³¾°Í¼£¬cssÃ²ËÆ²»ÐУ¬
³ýÁ˱³¾°Í¼ÄØ£¿ÎÒ¾õµÃÓ¦¸Ã¿ÉÒÔµÄ°É IEÄÇôÀ ......
CSS code:
body{
width:100%;
font-size:12px;
font-family:tahoma,arial,'ËÎÌå';
color:#666666;
float:none;
background: url(/images/bg.gif) left top repeat-y;
text-align:center;
margin:0 auto; ......
ÎÒºÜÃÔã
ÎÒ×öµÄ²¿·ÝDIV+CSSµÄÍøÕ¾
¶¼ÊÇÖ»ÄÜÔÚIE6ÏÂä¯ÀÀÕý³£µÄ
ÒòΪÎÒ²»Êǰ´±ê×¼À´Ð´µÄ£¬ËùÒÔÔÚfirefoxϲ¼¾Ö£¬Ð§¹û¾ÍÍêÈ«²»Í¬ÁË¡£
ÎÒ¿´ÁËһЩÀàËÆ¡°CSSÔÚieϺÍfirefoxϵļæÈÝ¡±Ö®ÀàµÄ×ÊÁÏ
ËüÃÇÖ±½ ......
ÒªÇó¼æÈÝÖ÷Òªä¯ÀÀÆ÷£¬
×îºÃͼƬ²»ÓÃÉèÖÃpx´óС£¬¸ù¾Ý°üÈÝÌå´óС×Ô¶¯Ëõ·Å¡£
ÆÚ´ýÄÜÓÐÕâ·½ÃæÅŰæµÄרÌâ×ÊÁÏ¡£
ÇëÎÊimgºÍspanΪʲôҪÉèÖÃΪdisplay£ºblockÊôÐÔ£¬ÕâÑù×öÓÐʲôºÃ´¦£¬Í¼ÎÄÁбíÀý×ÓÀ´×ÔdedeÔÊ ......