在我們進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，經(jīng)常要用到百分比，這個(gè)百分比其實(shí)就是一個(gè)相對(duì)的長(zhǎng)寬，在我們不知道定位為多長(zhǎng)時(shí)就必須使用到百分比，那么它具體是怎么使用的呢?我們可以一起看看。

一、Dreamweaver CS6 CSS樣式表中百分比的表現(xiàn)形式：

1.數(shù)字%，如圖1所示

圖1

二、Dreamweaver CS6 CSS樣式表中百分比值的具體使用方法

1.新建一個(gè)HTML空白頁(yè)，單擊CSS控制面板上的新建按鈕，如圖1所示

圖1

2.在彈出的新建CSS規(guī)則對(duì)話框中設(shè)置選擇器類(lèi)型為類(lèi)，名稱(chēng)為mmm，如圖2所示

圖2

3.在彈出的mmm的CSS規(guī)則定義對(duì)話框，在分類(lèi)列表中選擇方框選項(xiàng)，設(shè)置寬為400像素，高為200像素，如圖3所示

圖3

4.在分類(lèi)的列表中選擇背景選項(xiàng)，設(shè)置背景顏色為紅色。點(diǎn)擊確定回設(shè)計(jì)視圖，如圖4所示

圖4

5.之后在CSS控制面板重新新建一個(gè)CSS規(guī)則，同樣是類(lèi)名稱(chēng)為nnn，在彈出的nnn的CSS規(guī)則定義對(duì)話框，在分類(lèi)列表中選擇方框，設(shè)置寬和高的值都為50%，如圖5所示

5

6.設(shè)置背景顏色為黑色，點(diǎn)擊確定返回設(shè)計(jì)視圖，如圖6所示

圖6

7.在菜單欄中選擇插入布局對(duì)象DIV，如圖7所示

圖7

8.在彈出的插入DIV標(biāo)簽對(duì)話框中設(shè)置類(lèi)為mmm，效果如圖8所示

圖8

9.重新插入一個(gè)DIV標(biāo)簽，在菜單欄中選擇插入----布局對(duì)象----DIV，在彈出的插入DIV標(biāo)簽對(duì)話框中設(shè)置類(lèi)為nnn,此時(shí)注意要把光標(biāo)放在上一個(gè)DIV的標(biāo)簽內(nèi)，點(diǎn)擊確定后，效果如圖9所示：

圖9

總結(jié)：其實(shí)這就是內(nèi)嵌的一個(gè)方框是前一個(gè)方框的50%的長(zhǎng)寬，百分比就是相對(duì)于上一個(gè)容器來(lái)說(shuō)的。