溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
CSS中的單位
絕對單位
in-英寸；
cm;
mm;
pt-磅
相對單位
em-與元素字號掛鉤；
rem-與根元素字號掛鉤；
px-與css像素掛鉤
%-另一屬性值的百分比
CSS中可以取百分比的屬性
定位：top, right, bottom, left
盒模型：width,height, margin,padding
背景：backgroug-position, backgroud-size
文本：text-indent
字體：font-size
百分比是如何計算的
百分比的計算是相對一個基數的，這個基數與當前元素的包含塊有關。
基于包含塊的寬度來計算的屬性：margin, padding, width, max-width,min-width, left, right, text-indent.
基于包含塊的高度來計算的屬性：top，bottom，height，max-height，min-height
基于當前字體大小來計算的屬性：line-height
基于line-height來計算的屬性：vertical-align
基于元素本身的寬高：background-position：背景圖像的位置，分別設置水平方向和垂直方向上的兩個值，如果使用百分比，那么百分比值會同時應用于元素和圖像。例如 50% 50% 會把圖片的（50%, 50%）這一點與框的（50%, 50%）處對齊，相當于設置了 center center。同理 0% 0% 相當于 left top，100% 100% 相當于 right bottom
基于元素本身的寬度：background-size但此值只能應用在塊元素上，所設置百分值將使用背景圖片大小根據所在元素的寬度的百分比來計算
以上就是CSS 尺寸的百分比的詳細內容，更多請關注億速云其它相關文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
