在CSS3中，我們可以使用

length

和

percentage

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

length

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

percentage

則是相對于其父元素的百分比值。

對于

length

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

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

對于

percentage

單位，我們可以根據需要將元素的長寬設定為百分比值，這樣就可以實現動態調整的效果。不過，需要注意的是，百分比值的計算方式是相對于其父元素的，所以需要考慮到嵌套關系和父元素的長寬等屬性。

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

總的來說，在使用 CSS3 設置元素的長寬等屬性時，我們可以根據需求靈活選擇不同的單位，并且結合百分比值實現動態布局效果。