css包含块的方法

CSS包含块是指元素的最终定位点，也就是元素的相对位置参照点。

为了更好地理解CSS包含块的概念，需要先介绍两个相关的概念：

    
    1. 父级元素
    父级元素是指包含当前元素的最近的祖先元素，可以理解为外层的容器元素。在CSS中，父级元素也被称为包含块的生成元素。
    
    2. 定位元素
    定位元素是指使用了position属性（除了position:static)进行定位的元素。
    

下面来介绍CSS包含块的一些规则：

    
    1. 当前元素的position属性值为static时，包含块为最近的块级祖先元素。
    
    2. 当前元素的position属性值为relative或者absolute时，包含块为最近的position属性值不为static的祖先元素。如果没有这样的祖先元素，则以初始包含块（initial containing block）为包含块。
    
    3. 当前元素的position属性值为fixed时，包含块为初始包含块。
    
    4. 如果父级元素是行内元素或者没有块级祖先元素，则其包含块为初始包含块。
    
    5. 表格单元格元素的包含块为单元格的父级元素。而表格的包含块为整个表格。
    

总结：

    
    CSS包含块是指元素的最终定位点。对于不同的position属性值，元素的包含块也是不同的。理解CSS包含块的规则，可以更好地对元素进行定位和布局。