在我们进行网页设计时，经常要用到百分比，这个百分比其实就是一个相对的长宽，在我们不知道定位为多长时就必须使用到百分比，那么它具体是怎么使用的呢?我们可以一起看看。
一、Dreamweaver CS6 CSS样式表中百分比的表现形式：
1.数字%，如图1所示
图1
二、Dreamweaver CS6 CSS样式表中百分比值的具体使用方法
1.新建一个HTML空白页，单击CSS控制面板上的新建按钮，如图1所示
图1
2.在弹出的新建CSS规则对话框中设置选择器类型为类，名称为mmm，如图2所示
图2
3.在弹出的mmm的CSS规则定义对话框，在分类列表中选择方框选项，设置宽为400像素，高为200像素，如图3所示
图3
4.在分类的列表中选择背景选项，设置背景颜色为红色。点击确定回设计视图，如图4所示
图4
5.之后在CSS控制面板重新新建一个CSS规则，同样是类名称为nnn，在弹出的nnn的CSS规则定义对话框，在分类列表中选择方框，设置宽和高的值都为50%，如图5所示
5
6.设置背景颜色为黑色，点击确定返回设计视图，如图6所示
图6
7.在菜单栏中选择插入布局对象DIV，如图7所示
图7
8.在弹出的插入DIV标签对话框中设置类为mmm，效果如图8所示
图8
9.重新插入一个DIV标签，在菜单栏中选择插入----布局对象----DIV，在弹出的插入DIV标签对话框中设置类为nnn,此时注意要把光标放在上一个DIV的标签内，点击确定后，效果如图9所示：
图9
总结：其实这就是内嵌的一个方框是前一个方框的50%的长宽，百分比就是相对于上一个容器来说的。