<!
DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
?
<
html?
xmlns
="http://www.w3.org/1999/xhtml"
>
?
<
head
>
?
<
meta?
http-equiv
="Content-Type"
?content
="text/html;?charset=gb2312"
?
/>
?
<
title
>
無標題文檔
</
title
>
?
<
style?
type
="text/css"
>
?
<!--?
div?
{
?
div?
?height
:
?5em
;
?
?line-height
:
?5em
;
?
?text-align
:
?center
;
?
?margin
:
?0
;
?
?padding
:
?0
;
?
}
?
#d1,?#d3,?#d4,?#d6?
{
?
?float
:
?left
;
?
?background
:
?#CCC
;
?
}
?
#d1?
{
?
?width
:
?20%
;
?
}
?
#d2?
{
?
?float
:
?left
;
?
?width
:
?30%
;
?
?background
:
?red
;
?
}
?
#d3?
{
?
?width
:
?50%
;
?
}
?
#d4?
{
?
?width
:
?200px
;
?
?margin-right
:
?-3px
;
?
}
?
#d5?
{
?
?background
:
?red
;
?
?line-height
:
?1.4em
;
?
?text-align
:
?left
;
?
}
?
#d6?
{
?
?width
:
?300px
;
?
?float
:
?right
;
?
?margin-left
:
?-3px
;
?
}
?
div[id="d4"]?
{
?
?margin-right
:
?0?!important
;
?
}
?
div[id="d6"]?
{
?
?margin-left
:
?0?!important
;
?
}
?
-->?
</
style
>
?
</
head
>
?
<
body
>
?
<
h2
>
百分比寬度
</
h2
>
?
<
div?
id
="d1"
>
20%
</
div
>
?
<
div?
id
="d2"
>
30%
</
div
>
?
<
div?
id
="d3"
>
50%
</
div
>
?
<
h2
>
自é©æ‡‰
</
h2
>
?
<
div?
id
="d4"
>
left:200px
</
div
>
?
<
div?
id
="d6"
>
right:300px
</
div
>
?
<
div?
id
="d5"
>
自é©æ‡‰è‡ªé©æ‡‰è‡ªé©æ‡‰è‡ªé©æ‡‰è‡ªé©æ‡‰è‡ªé©æ‡‰è‡ªé©æ‡‰è‡ªé©æ‡‰è‡ªé©æ‡‰è‡ªé©æ‡‰è‡ªé©æ‡‰è‡ªé©æ‡‰è‡ªé©æ‡‰è‡ªé©æ‡‰è‡ªé©æ‡‰è‡ªé©æ‡‰
</
div
>
?
</
body
>
?
</
html
>
在firefox1.5，IE5.5，IE6.0，Oprea8.5下測試通éŽã€‚
æ›´å¤šæ–‡ç« ã€æŠ€è¡“交æµã€å•†å‹™åˆä½œã€è¯ç³»åšä¸»
微信掃碼或æœç´¢ï¼šz360901061
å¾®ä¿¡æŽƒä¸€æŽƒåŠ æˆ‘ç‚ºå¥½å‹
QQ號è¯ç³»ï¼š 360901061
您的支æŒæ˜¯åšä¸»å¯«ä½œæœ€å¤§çš„動力，如果您喜æ¡æˆ‘çš„æ–‡ç« ï¼Œæ„Ÿè¦ºæˆ‘çš„æ–‡ç« å°æ‚¨æœ‰å¹«åŠ©ï¼Œè«‹ç”¨å¾®ä¿¡æŽƒæ下é¢äºŒç¶ç¢¼æ”¯æŒåšä¸»2å…ƒã€5å…ƒã€10å…ƒã€20å…ƒç‰æ‚¨æƒ³æ的金é¡å§ï¼Œç‹ ç‹ é»žæ“Šä¸‹é¢çµ¦é»žæ”¯æŒå§ï¼Œç«™é•·éžå¸¸æ„Ÿæ¿€æ‚¨ï¼æ‰‹æ©Ÿå¾®ä¿¡é•·æŒ‰ä¸èƒ½æ”¯ä»˜è§£æ±ºè¾¦æ³•ï¼šè«‹å°‡å¾®ä¿¡æ”¯ä»˜äºŒç¶ç¢¼ä¿å˜åˆ°ç›¸å†Šï¼Œåˆ‡æ›åˆ°å¾®ä¿¡ï¼Œç„¶åŽé»žæ“Šå¾®ä¿¡å³ä¸Šè§’掃一掃功能，é¸æ“‡æ”¯ä»˜äºŒç¶ç¢¼å®Œæˆæ”¯ä»˜ã€‚
ã€æœ¬æ–‡å°æ‚¨æœ‰å¹«åŠ©å°±å¥½ã€‘å…ƒ
