CSS實現百分比

在CSS中，百分比常常用于表示某些值的相對大小。例如，我們可以使用百分比來設置元素的寬度、高度、內外邊距等。下面是一些關于CSS如何使用百分比的例子。
1. 寬度百分比
我們可以使用百分比來設置元素的寬度。例如，下面的代碼將給定元素的寬度設為其父元素寬度的50%：
div {
width: 50%;
}
2. 高度百分比
同樣地，我們也可以使用百分比來設置元素的高度。需要注意的是，對于一些元素（例如，行內元素和絕對定位元素），設置高度是無效的。下面是一個設置高度百分比的例子：
div {
height: 50%;
}
3. 內邊距百分比
我們可以使用百分比來設置元素內邊距的大小。例如，下面的代碼將會設置元素的內邊距為其寬度的10%：
div {
padding: 10%;
}
4. 外邊距百分比
同樣地，我們也可以使用百分比來設置元素外邊距的大小。例如，下面的代碼將會設置元素的外邊距為其父元素寬度的5%：
div {
margin: 5% 0;
}