Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

ÈçºÎͨ¹ý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;
}

ÒýÓÃ
<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;


Ïà¹ØÎÊ´ð£º

ÇëÎÊÈçÏÂͼϵÄCSSÑùʽÈçºÎд

Èçͼʾ,лл.

¼òµ¥


HTML code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ht ......

Ò»¸öcssƽÆÌÎÊÌâ

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; ......

Ò»¸ö²»´øÍ¼Æ¬µÄÔ²½ÇCSS box

ÏÂÃæÊDz»´øÍ¼Æ¬µÄÔ²½ÇCSS box£¬¿´ÏÂÃæÑÝʾЧ¹û°É£º
http://www.abaonet.com/jsCode/page/200911/2310.html
²»´í~~~~¶¥~~~~¾ÍÊÇ´úÂëÓеã¶à£¡½Ó·Ö£¡£¡£¡

Óд´Ò⣬²»¹ý±ß½ÇµÄµã×´Óоâ³Ý£¬Ã»ÓÐͼƬºÃ¿´£¬ºÇºÇ

......

ѧϰCSS±ê×¼¸Ã´ÓÄÄÈëÊÖ£¿

ÎÒºÜÃÔã
ÎÒ×öµÄ²¿·ÝDIV+CSSµÄÍøÕ¾
¶¼ÊÇÖ»ÄÜÔÚIE6ÏÂä¯ÀÀÕý³£µÄ
ÒòΪÎÒ²»Êǰ´±ê×¼À´Ð´µÄ£¬ËùÒÔÔÚfirefoxϲ¼¾Ö£¬Ð§¹û¾ÍÍêÈ«²»Í¬ÁË¡£
ÎÒ¿´ÁËһЩÀàËÆ¡°CSSÔÚieϺÍfirefoxϵļæÈÝ¡±Ö®ÀàµÄ×ÊÁÏ
ËüÃÇÖ±½ ......

Õæ³Ï¾Í½ÌѧϰCSS¿´ÄDZ¾ÊéºÃ¡£

¶ÔCSSÄÜ¿´¶®£¬µ«Ò»Ð©ÊôÐÔ»¹ÊDz»Äܹ»ÍêÈ«Àí½â¡£
×Ô¼ºÖ»»áдЩ³£ÓõÄCSS¡£»¹Ã»´ïµ½´´ÔìºÍ´´Ðµĵز½¡£
ËùÒÔÏëÎÊϸ÷λǰ±²£¬Ó¦¸Ã¿´ÄDZ¾Êé½ÏºÃÄØ£¿
½¨Òé²»ÂòÊéÍøÉÏÕҽ̳Ì×Ôѧ£¬Õâ¸ö¶«Î÷²»ÊǺÜÄÑ£¬¶àÁ·Ï°¾Í»áÁË
......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ