css包含块

初始包含块:根元素(html)的包含块为初始包含块,少部分的浏览器的初始包含块为body

            注:1、对于大多数的浏览器,初始包含块是一个视窗大小的矩形。

                    2、初始包含块由用户代理创建。

                    3、初始包含块不等于视窗。

1、对于浮动元素,其包含块为最近的块级祖先元素。

 2、对于定位元素,分为以下几种情况

       (1)、对于一个非根元素,如果其position值是relative(相对定位)或static(不定位),包含块由最近的块级父级框的内容边界构成。

       (2)、对于一个非根元素,如果其position值是absolute(绝对定位),包含块由离它最近的开启了定位的祖先元素决定。主要分为以下几种情况

                    ①、如果祖先是块级元素,包含块则设置为该元素的内边距边界。

                    ②、如果没有祖先,元素的包含块定义为初始包含块(一个视窗大小的矩形)。

                    注:固定定位参照视窗来定位。

你可能感兴趣的:(css包含块)