CSS中包含塊原理解析

CSS包含塊原理解析

肯定CSS中的包含塊也肯定就是元素的父元素。關鍵是：看元素是如何定位的。肯定包含塊很重要，好比設置百分比。另外也能夠進行樣式的繼承等等。

分兩個狀況：

相對定位和靜態定位

靜態定位（默認）和相對定位的父元素都是最近的父元素。

絕對定位和固定定位

絕對定位和固定定位會脫離文檔流，他們的包含塊是距離它最近的定位祖先。

注意事項

浮動元素包含塊就是最近的父元素，沒有特殊意義。