以下的關於包含塊（含塊）的概念，不能簡單地理解成是父元素。
如果是靜態定位和相對定位，包含塊一般就是其父元素。但是對於絕對定位的元素，包含塊應該是離它最近的 position 不是static的父元素，比如為absolute，relative，或者 fixed 的父元素。而對於固定定位的元素，它的包含塊是視口（viewport）。
1.1.1、基於包含塊的寬度（width，min-width，max-width，margin，padding，left，right，text-indent）
百分比是基於包含塊的寬度的屬性：width，min-width，max-width，margin，padding，left，right，text-indent
1.1.2、基於包含塊的高度（height，max-height，min-height，top，bottom）
百分比是基於包含塊的高度的屬性：height，max-height，min-height，top，bottom
line-height 的百分比基於該元素本身的字型大小
vertical-align 的百分比基於元素的行高 line-height
（vertical-align 主要是設定行內元素的屬性，該屬性值設定行內元素相對於該元素所在的基線的垂直對齊位置。如果該行內元素是**的單元格的話，該屬性設定的是單元格內的內容的垂直方向的對齊位置）
字型大小font-size 中的百分比是基於該元素所繼承的字型大小的，也就是父元素的字型大小。
參考：
CSS 屬性值中的百分比
css 中經常會出現百分比單位，搞清它們的基數是件很重要的事情。我查了查 css2.1 標準，在此整理一下 乘以包含塊的寬度 margin,padding,left,right,text indent,width,max width,min width 乘以包含塊的高度 top,bottom,hei...
css百分比定位和百分比尺寸
只有設定了定位的 relative,absolute,fixed 的元素才有left,top等屬性。子元素relative定位 百分比定位和百分比尺寸都是相對于父元素，無論父元素有沒有定位 子元素absolute定位 百分比定位和百分比尺寸都是相對於最近的定位了的祖先元素，如果沒有則相對於視窗。可以...
CSS百分比布局
曾經的 布局可能大家都有點陌生了吧，其實我也是基本上沒用過，自從web2.0的興起，重構的思想，這讓 布局就這樣消失了基本上，布局中有用到百分比布局的，在 布局 落下帷幕之後，基本上我們都是讓網頁固定為950 1000px，如果布局使用了百分比寬度 如90 耳邊很快就能聽到抱怨 我的顯示器上效果不太...