百分比單位
乘以包含塊的寬度 margin, padding, left, right, text-indent, width, max-width, min-width
乘以包含塊的高度 top, bottom, height, max-height, min-height
關於包含塊（containing block）的概念，不能簡單地理解成是父元素。如果是靜態定位和相對定位，包含塊一般就是其父元素。但是對於絕對定位的元素，包含塊應該是離它最近的 position 為 absolute、relative、或者 fixed 的祖先元素。對固定定位的元素，它的包含塊是視口（viewport）。具體可以參考 w3help。
乘以元素的字型大小 line-height
乘以元素的行高 vertical-align
背景定位中的百分比 background-position 分別設定水平方向和垂直方向上的兩個值，如果使用百分比，那麼百分比值會同時應用於元素和影象。例如 50% 50% 會把的（50%, 50%）這一點與框的（50%, 50%）處對齊，相當於設定了 center center。同理 0% 0% 相當於 left top，100% 100% 相當於 right bottom。
字型大小中的百分比 font-size 中的百分比值應該乘以元素所繼承到的字型大小，也就是父元素的字型大小。
其他字型單位 既然說到了字型大小，順便八一八其他的字型單位吧，有些可能平時並不會用，但是了解一下也沒有壞處。有兩個相對單位是：
em——相當於當前的字型高度，稱作「全身方框」（em square）。如果在 font-size 上使用這個單位，應該乘以父元素的字型大小。用在 font-size 之外的屬性上，則應該乘以元素自身的字型大小。 ex——相當於字型中的」x」的高度。 以下是絕對單位：
in——英吋（inch），相當於 2.54cm。 cm——厘公尺（centimeter）。 mm——公釐（millimeter）。 pt——磅（point）。1pt 相當於 1in 的 1/72。 pc——皮卡（pica）。1pc = 12pt。 px——畫素（pixel unit）。1px = 0.75pt。
百分比的繼承
如果某個元素設定了百分比的屬性，則後代元素繼承的是計算後的值。例如：
複製**
**如下:
p p / 120% of 'font-size' / 那麼p的子元素繼承到的值是 line-height: 12px，而不是 line-height: 120%。
css百分比定位和百分比尺寸
只有設定了定位的 relative,absolute,fixed 的元素才有left,top等屬性。子元素relative定位 百分比定位和百分比尺寸都是相對于父元素，無論父元素有沒有定位 子元素absolute定位 百分比定位和百分比尺寸都是相對於最近的定位了的祖先元素，如果沒有則相對於視窗。可以...
CSS百分比布局
曾經的 布局可能大家都有點陌生了吧，其實我也是基本上沒用過，自從web2.0的興起，重構的思想，這讓 布局就這樣消失了基本上，布局中有用到百分比布局的，在 布局 落下帷幕之後，基本上我們都是讓網頁固定為950 1000px，如果布局使用了百分比寬度 如90 耳邊很快就能聽到抱怨 我的顯示器上效果不太...
CSS 屬性值中的百分比
css 中經常會出現百分比單位，搞清它們的基數是件很重要的事情。我查了查 css2.1 標準，在此整理一下 乘以包含塊的寬度 margin,padding,left,right,text indent,width,max width,min width 乘以包含塊的高度 top,bottom,hei...