首頁  >  文章  >  web前端  >  CSS %單位的特點

CSS %單位的特點

藏色散人
藏色散人原創
2021-01-21 09:56:581794瀏覽

CSS %單位的特徵:1、百分比是一個相對長度單位,相對於父元素的尺寸;2、對於「position: absolute;」的元素是相對於已定位的父元素;3、對於「position: fixed;」的元素是相對於ViewPort。

CSS %單位的特點

本文操作環境:windows10系統、css3版,DELL G3電腦。

推薦:css影片教學

CSS %單位的特色是什麼?

百分比是一個相對長度單位,相對於父元素的尺寸。

%的特徵

百分比是相對於父元素的尺寸,這和em(相對於當前元素的字體尺寸)以及rem(相對於根元素的字體尺寸)都不同。

程式碼:

CSS %單位的特點

結果圖:

CSS %單位的特點

#:%單位一般寬泛的講是相對於父元素,但是並不是十分準確。

1、對於普通定位元素就是我們理解的父元素

2、對於position: absolute;的元素是相對於已定位的父元素

3、對於position: fixed;的元素是相對於ViewPort(可視視窗)

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn