1. 程式人生 > >css布局中的百分比布局

css布局中的百分比布局

ica inf 技術 http mage 相對 roo 元素 png

1、在說到百分比是前,先簡單了解下基本的單位

英寸(inch) :in 1 in=2.54cm
厘米(centimeter):cm
毫米(millimeter):mm
磅(point):pt 1pt=1/72 in
皮卡(pica):pc 1pc==12 pt
像素(pixel unit):px 1px=0.75 pt
相對長度單位(相對於當前對象內文本的字體尺寸):em 1em=16px
CSS3新增的一個相對單位root em: rem 1rem=16px

技術分享圖片

註意:如果是定位的元素,則是相對最近的定位父級元素

css布局中的百分比布局