首頁 > web前端 > 前端問答 > CSS %是什麼單位

CSS %是什麼單位

藏色散人
發布: 2023-01-04 09:38:36
原創
2436 人瀏覽過

CSS %是指百分比,指的是一個相對長度單位,是相對於包含區塊的高寬或字體大小來取值;如果某個元素設定了百分比的屬性,則後代元素繼承的是計算後的值。

CSS %是什麼單位

本教學操作環境:windows7系統、css3版本,Dell G3電腦。

相關推薦:《css影片教學

CSS %--百分比

百分比是一個相對長度單位,相對於包含區塊(containing block)的高寬或字體大小來取值。

關於包含區塊(containing block)的概念,不能簡單地理解成是父元素。

如果是靜態定位和相對定位,包含區塊一般就是其父元素。

如果是絕對定位的元素,包含區塊應該是離它最近的 position為非static屬性的祖先元素。

如果是固定定位的元素,它的包含區塊是視口(viewport)。

具體可以參考 W3Help。

百分比的繼承

如果某個元素設定了百分比的屬性,則後代元素繼承的是計算後的值。例如:

p { font-size: 10px;line-height: 120%; }
登入後複製

那麼p的子元素繼承到的值是 line-height: 12px,而不是 line-height: 120%。

以上是CSS %是什麼單位的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板