CSS表單中實(shí)現(xiàn)百分比是非常常見的一種做法，可以有效地使表單元素的寬度和高度隨頁面尺寸的變化而自適應(yīng)。下面我們來看看如何實(shí)現(xiàn)。

input {
width: 50%;
height: 2em;
}

以上代碼是將input元素的寬度設(shè)置為父元素寬度的50%，高度設(shè)置為2em。如果我們想要將一個(gè)div元素的寬度設(shè)置為父元素寬度的70%，可以使用如下代碼。

div {
width: 70%;
}

除了寬度和高度，我們還可以使用百分比來設(shè)置表單元素的margin、padding等屬性，例如下面這段代碼是將一個(gè)form元素的左右margin設(shè)置為5%。

form {
margin: 0 5%;
}

需要注意的是，使用百分比來設(shè)置表單元素的屬性時(shí)，需要保證父級(jí)元素的寬度或高度是已知的。否則，百分比的計(jì)算會(huì)無法實(shí)現(xiàn)，導(dǎo)致表單元素顯示不正常。