在CSS3中，我們可以使用

length

和

percentage

單位來設(shè)置元素的長寬等屬性。其中，

length

是指在樣式表中設(shè)置的實(shí)際數(shù)值，通常以像素（px）、厘米（cm）、英寸（in）、毫米（mm）等作為單位；而

percentage

則是相對(duì)于其父元素的百分比值。

對(duì)于

length

單位，除了常見的像素、厘米、英寸和毫米以外，還有一些比較特殊的單位，比如em、rem以及vh和vw等。其中，em和rem是相對(duì)于元素的字體大小而言的，而vh和vw則是相對(duì)于視口的高度和寬度而言的。

/* 比較典型的使用length單位的樣式 */
.box {
width: 200px;
height: 150px;
padding: 10px;
margin: 20px 0 0 50px;
border: 1px solid #000;
background-color: #f2f2f2;
}

對(duì)于

percentage

單位，我們可以根據(jù)需要將元素的長寬設(shè)定為百分比值，這樣就可以實(shí)現(xiàn)動(dòng)態(tài)調(diào)整的效果。不過，需要注意的是，百分比值的計(jì)算方式是相對(duì)于其父元素的，所以需要考慮到嵌套關(guān)系和父元素的長寬等屬性。

/* 比較典型的使用percentage單位的樣式 */
.box {
width: 50%;
height: 50%;
padding: 5%;
margin: 10% auto;
border: 1px solid #000;
background-color: #f2f2f2;
}

總的來說，在使用 CSS3 設(shè)置元素的長寬等屬性時(shí)，我們可以根據(jù)需求靈活選擇不同的單位，并且結(jié)合百分比值實(shí)現(xiàn)動(dòng)態(tài)布局效果。